diff --git a/apps/mina-sidor-fa/src/app/shared/components/layout/components/footer/footer.component.html b/apps/mina-sidor-fa/src/app/shared/components/layout/components/footer/footer.component.html
index 4cfee34..6065630 100644
--- a/apps/mina-sidor-fa/src/app/shared/components/layout/components/footer/footer.component.html
+++ b/apps/mina-sidor-fa/src/app/shared/components/layout/components/footer/footer.component.html
@@ -1,7 +1,5 @@
 <footer class="footer">
   <div class="footer__logo-wrapper">
-    <a class="footer__logo-link" href="/">
-      <img class="footer__logo" src="/assets/logo/arbetsformedlingen-light.svg" alt="Arbetsförmedlingen" />
-    </a>
+    <digi-logo af-color="secondary"></digi-logo>
   </div>
 </footer>
diff --git a/apps/mina-sidor-fa/src/app/shared/components/layout/components/footer/footer.component.scss b/apps/mina-sidor-fa/src/app/shared/components/layout/components/footer/footer.component.scss
index 4d3f086..bac8da7 100644
--- a/apps/mina-sidor-fa/src/app/shared/components/layout/components/footer/footer.component.scss
+++ b/apps/mina-sidor-fa/src/app/shared/components/layout/components/footer/footer.component.scss
@@ -1,15 +1,12 @@
+@import 'variables/gutters';
+
 .footer {
   background-color: var(--digi--ui--color--background--profile);
-  padding: var(--digi--layout--gutter);
+  padding: $digi--layout--gutter--l $digi--layout--gutter;
 
   &__logo-wrapper {
-    height: 100%;
-    display: flex;
-    align-items: center;
-  }
-
-  &__logo {
-    height: 2rem;
-    vertical-align: middle;
+    ::ng-deep .digi-logo {
+      --digi-logo--padding: 0;
+    }
   }
 }
diff --git a/apps/mina-sidor-fa/src/app/shared/components/layout/components/footer/footer.module.ts b/apps/mina-sidor-fa/src/app/shared/components/layout/components/footer/footer.module.ts
index dc8c438..555cb70 100644
--- a/apps/mina-sidor-fa/src/app/shared/components/layout/components/footer/footer.module.ts
+++ b/apps/mina-sidor-fa/src/app/shared/components/layout/components/footer/footer.module.ts
@@ -1,9 +1,10 @@
 import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
+import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
 import { RouterModule } from '@angular/router';
 import { FooterComponent } from './footer.component';
 
 @NgModule({
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
   declarations: [FooterComponent],
   imports: [CommonModule, RouterModule],
   exports: [FooterComponent],
diff --git a/apps/mina-sidor-fa/src/app/shared/components/layout/components/navigation/navigation.component.scss b/apps/mina-sidor-fa/src/app/shared/components/layout/components/navigation/navigation.component.scss
index 0c8674f..cba6a55 100644
--- a/apps/mina-sidor-fa/src/app/shared/components/layout/components/navigation/navigation.component.scss
+++ b/apps/mina-sidor-fa/src/app/shared/components/layout/components/navigation/navigation.component.scss
@@ -26,6 +26,10 @@
 
   &__logo-link {
     text-decoration: none;
+
+    ::ng-deep .digi-logo {
+      --digi-logo--padding: 0;
+    }
   }
 
   &__logo {
diff --git a/apps/mina-sidor-fa/src/app/shared/components/layout/layout.component.scss b/apps/mina-sidor-fa/src/app/shared/components/layout/layout.component.scss
index fab6b6a..2b1075a 100644
--- a/apps/mina-sidor-fa/src/app/shared/components/layout/layout.component.scss
+++ b/apps/mina-sidor-fa/src/app/shared/components/layout/layout.component.scss
@@ -43,6 +43,5 @@
   &__footer {
     grid-area: footer;
     background-color: var(--digi--ui--color--primary);
-    min-height: 10rem;
   }
 }