diff --git a/src/components/Table.styled.ts b/src/components/Table.styled.ts
index 919467d1..3bf24e8b 100644
--- a/src/components/Table.styled.ts
+++ b/src/components/Table.styled.ts
@@ -8,7 +8,6 @@ export const StyledDiv = styled.div`
   > .table-wrapper {
     > table {
       width: auto !important;
-      margin: 0px !important;
     }
 
     > div {
diff --git a/src/index.css b/src/index.css
index 01c63cb9..556f292f 100644
--- a/src/index.css
+++ b/src/index.css
@@ -13,6 +13,11 @@ body {
   box-sizing: inherit;
 }
 
+#root {
+  height: 100vh;
+}
+
 code {
-  font-family: 'Equinor Mono', source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
-}
\ No newline at end of file
+  font-family: 'Equinor Mono', source-code-pro, Menlo, Monaco, Consolas,
+    'Courier New', monospace;
+}
diff --git a/src/router.tsx b/src/router.tsx
index b6681935..fd0da893 100644
--- a/src/router.tsx
+++ b/src/router.tsx
@@ -1,6 +1,7 @@
 import { createBrowserRouter, NonIndexRouteObject } from 'react-router-dom'
 import { App } from './App'
 import { ModelView } from './features/ModelView/ModelView'
+import { Api } from './pages/Api/Api'
 import { Browse } from './pages/Browse/Browse'
 import { Compute } from './pages/ModelPages/Compute/Compute'
 import { Model } from './pages/ModelPages/Model/Model'
@@ -18,7 +19,7 @@ const tabs: Tab[] = [
     path: 'models',
     element: <Browse />,
   },
-  { title: 'API', path: 'api', element: <NotImplemented /> },
+  { title: 'API', path: 'api', element: <Api /> },
   { title: 'About', path: 'about', element: <NotImplemented /> },
 ]
 const appRoutes = (tabs as NonIndexRouteObject[]).concat([