diff --git a/src/components/InfoPageComponent/InfoPageComponent.style.tsx b/src/components/InfoPageComponent/InfoPageComponent.style.tsx
index d9d61468..2a783220 100644
--- a/src/components/InfoPageComponent/InfoPageComponent.style.tsx
+++ b/src/components/InfoPageComponent/InfoPageComponent.style.tsx
@@ -18,5 +18,14 @@ const InnerWrapper = styled.div`
 
   row-gap: ${spacings.LARGE};
   width: 50%;
+
+  > a {
+    display: flex;
+    width: max-content;
+
+    > svg {
+      margin-left: ${spacings.SMALL};
+    }
+  }
 `
 export { InnerWrapper, StyledInforPage as Page }
diff --git a/src/components/InfoPageComponent/InfoPageComponent.tsx b/src/components/InfoPageComponent/InfoPageComponent.tsx
index 3cf50e3e..d840379d 100644
--- a/src/components/InfoPageComponent/InfoPageComponent.tsx
+++ b/src/components/InfoPageComponent/InfoPageComponent.tsx
@@ -6,7 +6,7 @@ export const InfoPageComponent = ({
   children,
 }: {
   title: string
-  children?: JSX.Element[]
+  children?: JSX.Element | JSX.Element[]
 }) => {
   return (
     <Styled.Page className="about-container">
diff --git a/src/pages/About/About.tsx b/src/pages/About/About.tsx
index 9c518806..c8510459 100644
--- a/src/pages/About/About.tsx
+++ b/src/pages/About/About.tsx
@@ -3,7 +3,7 @@ import { InfoPageComponent } from '../../components/InfoPageComponent/InfoPageCo
 
 export const About = () => {
   return (
-    <InfoPageComponent title="About New">
+    <InfoPageComponent title="About PEPM">
       <Typography variant="body_long">
         It began with the forging of the Great Rings. Three were given to{' '}
         <Typography link href="https://nr.no/">
diff --git a/src/pages/Api/Api.tsx b/src/pages/Api/Api.tsx
index d7ca9f34..9a5ef97c 100644
--- a/src/pages/Api/Api.tsx
+++ b/src/pages/Api/Api.tsx
@@ -1,9 +1,15 @@
-import { Typography } from '@equinor/eds-core-react'
+import { Icon, Typography } from '@equinor/eds-core-react'
+import { external_link as externalLink } from '@equinor/eds-icons'
+import { InfoPageComponent } from '../../components/InfoPageComponent/InfoPageComponent'
 
 export const Api = () => {
   return (
-    <>
-      <Typography> Api to come her soon! </Typography>
-    </>
+    <InfoPageComponent title="Using the PEPM API">
+      <Typography variant="body_long">Api to come her soon!</Typography>
+      <Typography link href="">
+        Read all the API documentation on the Swagger page
+        <Icon data={externalLink} title={'Link to Api'} />
+      </Typography>
+    </InfoPageComponent>
   )
 }