diff --git a/src/components/molecules/footer/Footer.tsx b/src/components/molecules/footer/Footer.tsx
index ee300786..d87c525f 100644
--- a/src/components/molecules/footer/Footer.tsx
+++ b/src/components/molecules/footer/Footer.tsx
@@ -11,7 +11,7 @@ import {
   Heading,
   Flex,
 } from '@chakra-ui/react';
-
+import theme from '../../../theme';
 interface FooterListProps {
   header: string;
   children?: React.ReactNode;
@@ -85,10 +85,12 @@ const Footer: React.FC = () => {
   // uses margin auto, needs parent page to have minHeight=100vh if content is not over 100vh
   return (
     <Flex
-      my="2rem"
+      my="0rem"
       w="100%"
       direction={{ base: 'column', lg: 'row' }}
-      mt="auto">
+      mt="auto"
+      bgColor="slate.900"
+      style={{ paddingTop: '2rem' }}>
       <Flex justify="space-evenly" width={{ base: '100%', lg: '60%' }}>
         <FooterList header={'Ressurser'}>
           <FooterItem label={'Om TD'} path={'/about-us'} />
diff --git a/src/theme.ts b/src/theme.ts
index efd4aae0..07768575 100644
--- a/src/theme.ts
+++ b/src/theme.ts
@@ -28,6 +28,7 @@ const theme = extendTheme(
         600: '#2b2c3d',
         700: '#1b1e2c',
         800: '#161926',
+        900: '#11131d',
       },
       secondary: '#f8d2cc',
       inputBackground: '#272530',