diff --git a/indeks-docs/src/css/custom.css b/indeks-docs/src/css/custom.css
index e5bb44f..568d55d 100644
--- a/indeks-docs/src/css/custom.css
+++ b/indeks-docs/src/css/custom.css
@@ -37,6 +37,11 @@
     --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
 }
 
+/* 100% høyde sånn rundt regna */
+.main-wrapper {
+    min-height: calc(100vh - (var(--ifm-navbar-height) + 240px));
+}
+
 /* Restore list styling for markdown content */
 .markdown ul,
 .markdown ol {
@@ -54,3 +59,7 @@
 .markdown li {
     margin: 0.5rem 0;
 }
+
+.footer svg, .navbar__link svg {
+    display: inline-block;
+}
\ No newline at end of file
diff --git a/indeks-docs/src/pages/index.tsx b/indeks-docs/src/pages/index.tsx
index 3883494..e3c9d7a 100644
--- a/indeks-docs/src/pages/index.tsx
+++ b/indeks-docs/src/pages/index.tsx
@@ -17,25 +17,25 @@ function HomepageHeader() {
         : './eksempel/#/eksempelsider/oversikt';
     const docsHref = isLocalhost ? 'http://localhost:3000/docs/hjem/' : './docs/hjem';
     return (
-        <header className={clsx('hero hero--primary', styles.heroBanner)}>
+        <main className={clsx('hero hero--primary ix-flex ix-flex-grow ix-justify-center ix-items-center', styles.heroBanner)}>
             <div className="container">
                 <Heading as="h1" className="hero__title">
                     {siteConfig.title}
                 </Heading>
                 <p className="hero__subtitle">{siteConfig.tagline}</p>
                 <div className={styles.buttons}>
-                    <Button as="a" className="button button--secondary button--lg" href={docsHref}>
+                    <Button as="a" size="lg" variant="primary" href={docsHref}>
                         Dokumentasjon
                     </Button>
-                    <a className="button button--outline button--lg" href={storybookHref}>
+                    <Button as="a" size="lg" variant="primary" href={storybookHref}>
                         Storybook
-                    </a>
-                    <a className="button button--outline button--lg" href={eksempelHref}>
+                    </Button>
+                    <Button as="a" size="lg" variant="primary" href={eksempelHref}>
                         Eksempel App
-                    </a>
+                    </Button>
                 </div>
             </div>
-        </header>
+        </main>
     );
 }
 
@@ -48,18 +48,6 @@ export default function Home(): ReactNode {
             wrapperClassName="ix-body"
         >
             <HomepageHeader />
-            <main>
-                <h2>Mer enn bare et komponentbibliotek</h2>
-                Indeks er en helhetlig tilnærming til design og utvikling som:
-                <ul className="ix-list-disc ix-pl-md">
-                    <li className="ix-py-2xs">**Sikrer konsistens** på tvers av alle våre digitale tjenester</li>
-                    <li className="ix-py-2xs">**Øker hastigheten** på design- og utviklingsprosessen</li>
-                    <li className="ix-py-2xs">**Forbedrer tilgjengeligheten** for alle brukere</li>
-                    <li className="ix-py-2xs">**Reduserer vedlikeholdskostnader** gjennom gjenbruk av komponenter</li>
-                </ul>
-                Det er utviklet for designere, utviklere og andre som har interesse av å lage gode brukeropplevelser på
-                tvers av SpareBank 1 sine digitale flater.{' '}
-            </main>
         </Layout>
     );
 }