diff --git a/CHANGELOG.md b/CHANGELOG.md
index 39d5c3fd2..9e82d51d8 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -20,33 +20,21 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Changed font-weight in video heading and refactored to correct scss setup.
 - Changed stylelint rules to exclude no-longhand-properties.
 - Updated package version for stylelint.
+- Changed accordion heading to be inside ods-accordion
+- **Breaking change:** Updated checkbox and radio component according to adjustments from design (Figma), both now have label options, correct spacing and correct font size and weight. Also changed naming of modifiers to be more consistent with other components.
 
 ### Fixed
 
 - Fixed spacing around links and buttons in portrait card on all breakpoints.
 - Fixed links on portrait cards to improve screen reader capabilities.
 - Fixed spacing around links and buttons in portrait card on all breakpoints.
+- Fixed spacing and some other design adjustments on menu component.
+- Fixed an issue where long links would not break properly.
 
 ### Removed
 
 - Removed twitter icon.
 
-### Changed
-
-- Changed accordion heading to be inside ods-accordion
-
-### Fixed
-
-### Changed
-
-### Fixed
-
-- Fixed an issue where long links would not break properly.
-
-### Changed
-
-- **Breaking change:** Updated checkbox and radio component according to adjustments from design (Figma), both now have label options, correct spacing and correct font size and weight. Also changed naming of modifiers to be more consistent with other components.
-
 ## [1.1.0] - 16.02.2024
 
 ### Added
diff --git a/src/components/menu/menu.html b/src/components/menu/menu.html
index 8099c3c43..797c88e67 100644
--- a/src/components/menu/menu.html
+++ b/src/components/menu/menu.html
@@ -154,21 +154,21 @@ <h2 class="ods-navbar-menu__heading">Dette satser vi på</h2>
                 </button>
                 <div class="ods-navbar-menu__list-animate">
                   <ul>
-                    <li class="ods-margin-bottom-8-breakpoint-medium">
+                    <li class="ods-margin-bottom-2-breakpoint-medium">
                       <a class="ods-navbar-menu__link" href="javascript:void(0)"
                         ><div class="ods-navbar-menu__link-content">
                           <span class="ods-navbar-menu__link-text">Byutvikling</span>
                         </div>
                       </a>
                     </li>
-                    <li class="ods-margin-bottom-8-breakpoint-medium">
+                    <li class="ods-margin-bottom-2-breakpoint-medium">
                       <a class="ods-navbar-menu__link" href="javascript:void(0)"
                         ><div class="ods-navbar-menu__link-content">
                           <span class="ods-navbar-menu__link-text">Miljø og klima</span>
                         </div>
                       </a>
                     </li>
-                    <li class="ods-margin-bottom-8-breakpoint-medium">
+                    <li>
                       <a class="ods-navbar-menu__link" href="javascript:void(0)"
                         ><div class="ods-navbar-menu__link-content">
                           <span class="ods-navbar-menu__link-text">Slik bygger vi Oslo</span>
@@ -186,21 +186,21 @@ <h2 class="ods-navbar-menu__heading">Politikk og innsyn</h2>
                 </button>
                 <div class="ods-navbar-menu__list-animate">
                   <ul>
-                    <li class="ods-margin-bottom-8-breakpoint-medium">
+                    <li class="ods-margin-bottom-4">
                       <a class="ods-navbar-menu__link" href="javascript:void(0)">
                         <div class="ods-navbar-menu__link-content">
                           <span class="ods-navbar-menu__link-text">Politikk</span>
                         </div>
                       </a>
                     </li>
-                    <li class="ods-margin-bottom-8-breakpoint-medium">
+                    <li class="ods-margin-bottom-4">
                       <a class="ods-navbar-menu__link" href="javascript:void(0)">
                         <div class="ods-navbar-menu__link-content">
                           <span class="ods-navbar-menu__link-text">Valg</span>
                         </div>
                       </a>
                     </li>
-                    <li class="ods-margin-bottom-8-breakpoint-medium">
+                    <li>
                       <a class="ods-navbar-menu__link" href="javascript:void(0)">
                         <div class="ods-navbar-menu__link-content">
                           <span class="ods-navbar-menu__link-text">Innsyn</span>
@@ -218,21 +218,21 @@ <h2 class="ods-navbar-menu__heading">Finn fram i kommunen</h2>
                 </button>
                 <div class="ods-navbar-menu__list-animate">
                   <ul>
-                    <li class="ods-margin-bottom-8-breakpoint-medium">
+                    <li class="ods-margin-bottom-2-breakpoint-medium">
                       <a class="ods-navbar-menu__link" href="javascript:void(0)">
                         <div class="ods-navbar-menu__link-content">
                           <span class="ods-navbar-menu__link-text">Bydeler</span>
                         </div>
                       </a>
                     </li>
-                    <li class="ods-margin-bottom-8-breakpoint-medium">
+                    <li class="ods-margin-bottom-2-breakpoint-medium">
                       <a class="ods-navbar-menu__link" href="javascript:void(0)">
                         <div class="ods-navbar-menu__link-content">
                           <span class="ods-navbar-menu__link-text">Etater, foretak og ombud</span>
                         </div>
                       </a>
                     </li>
-                    <li class="ods-margin-bottom-8-breakpoint-medium">
+                    <li>
                       <a class="ods-navbar-menu__link" href="javascript:void(0)">
                         <div class="ods-navbar-menu__link-content">
                           <span class="ods-navbar-menu__link-text">Rådhuset</span>
@@ -250,21 +250,21 @@ <h2 class="ods-navbar-menu__heading">Annet</h2>
                 </button>
                 <div class="ods-navbar-menu__list-animate">
                   <ul>
-                    <li class="ods-margin-bottom-8-breakpoint-medium">
+                    <li class="ods-margin-bottom-2-breakpoint-medium">
                       <a class="ods-navbar-menu__link" href="javascript:void(0)">
                         <div class="ods-navbar-menu__link-content">
                           <span class="ods-navbar-menu__link-text">Tilskudd, legater og stipend</span>
                         </div>
                       </a>
                     </li>
-                    <li class="ods-margin-bottom-8-breakpoint-medium">
+                    <li class="ods-margin-bottom-2-breakpoint-medium">
                       <a class="ods-navbar-menu__link" href="javascript:void(0)">
                         <div class="ods-navbar-menu__link-content">
                           <span class="ods-navbar-menu__link-text">Utmerkelser og priser</span>
                         </div>
                       </a>
                     </li>
-                    <li class="ods-margin-bottom-8-breakpoint-medium">
+                    <li>
                       <a class="ods-navbar-menu__link" href="javascript:void(0)">
                         <div class="ods-navbar-menu__link-content">
                           <span class="ods-navbar-menu__link-text">Flyktninger og inkludering</span>
@@ -275,24 +275,34 @@ <h2 class="ods-navbar-menu__heading">Annet</h2>
                 </div>
               </div>
             </div>
-            <div class="ods-grid ods-navbar-menu__footer">
+            <div class="ods-navbar-menu__footer ods-grid">
               <div class="ods-grid__column--12 ods-grid__column--10-breakpoint-medium">
                 <ul class="ods-navbar-menu__footer-list ods-navbar-menu__footer-list--miscellaneous ods-block ods-flex-breakpoint-medium">
-                  <li class="ods-padding-right-13-breakpoint-medium">
+                  <li class="ods-padding-right-6-breakpoint-medium">
                     <a class="ods-navbar-menu__link" href="javascript:void(0)">
                       <div class="ods-navbar-menu__link-content">
                         <span class="ods-navbar-menu__link-text">Kontakt </span>
                       </div>
                     </a>
                   </li>
-                  <li class="ods-padding-right-13-breakpoint-medium">
+                  <li class="ods-padding-right-6-breakpoint-medium ods-none ods-block-breakpoint-medium">
+                      <div class="ods-navbar-menu__link-content">
+                        <span class="ods-navbar-menu__link-text">|</span>
+                      </div>
+                  </li>
+                  <li class="ods-padding-right-6-breakpoint-medium">
                     <a class="ods-navbar-menu__link" href="javascript:void(0)">
                       <div class="ods-navbar-menu__link-content">
                         <span class="ods-navbar-menu__link-text">Jobb i Oslo kommune </span>
                       </div>
                     </a>
                   </li>
-                  <li class="ods-padding-right-13-breakpoint-medium">
+                  <li class="ods-padding-right-6-breakpoint-medium ods-none ods-block-breakpoint-medium">
+                    <div class="ods-navbar-menu__link-content">
+                      <span class="ods-navbar-menu__link-text">|</span>
+                    </div>
+                  </li>
+                  <li class="ods-padding-right-6-breakpoint-medium">
                     <a class="ods-navbar-menu__link" href="javascript:void(0)">
                       <div class="ods-navbar-menu__link-content">
                         <span class="ods-navbar-menu__link-text">English </span>
@@ -302,7 +312,7 @@ <h2 class="ods-navbar-menu__heading">Annet</h2>
                 </ul>
               </div>
               <div class="ods-grid__column--12 ods-grid__column--2-breakpoint-medium">
-                <ul class="ods-navbar-menu__footer-list ods-navbar-menu__footer-list--media">
+                <ul class="ods-flex ods-flex-justify-content-flex-end ods-navbar-menu__footer-list ods-navbar-menu__footer-list--media">
                   <li>
                     <a class="ods-navbar-menu__link" href="javascript:void(0)">
                       <div class="ods-navbar-menu__link-content">
@@ -329,7 +339,7 @@ <h2 class="ods-navbar-menu__heading">Annet</h2>
 
 <!-- Developer mode -->
 <div class="ods-devtools-devmode">
-  <div class="ods-grid ods-grid--gap ods-grid--gutter ods-margin-bottom-8">
+  <div class="ods-grid ods-grid--gap ods-grid--gutter-breakpoint-medium ods-margin-bottom-8">
     <div class="ods-grid__column--12">
       <button class="ods-button-menu" aria-expanded="false" aria-controls="ods-menu-2">
         <span class="ods-button-menu__text">Menu</span>
@@ -337,6 +347,8 @@ <h2 class="ods-navbar-menu__heading">Annet</h2>
       </button>
       <button class="ods-button" id="ods-menu-2-open">Open</button>
       <button class="ods-button" id="ods-menu-2-close">Close</button>
+    </div>
+    <div class="ods-grid__column--12">
       <div id="ods-menu-2" class="ods-navbar-menu">
         <div class="ods-navbar-menu__services ods-grid">
           <div class="ods-grid__column--12">
@@ -478,21 +490,21 @@ <h2 class="ods-navbar-menu__heading">Dette satser vi på</h2>
             </button>
             <div class="ods-navbar-menu__list-animate">
               <ul>
-                <li class="ods-margin-bottom-8-breakpoint-medium">
+                <li class="ods-margin-bottom-2-breakpoint-medium">
                   <a class="ods-navbar-menu__link" href="javascript:void(0)"
                     ><div class="ods-navbar-menu__link-content">
                       <span class="ods-navbar-menu__link-text">Byutvikling</span>
                     </div>
                   </a>
                 </li>
-                <li class="ods-margin-bottom-8-breakpoint-medium">
+                <li class="ods-margin-bottom-2-breakpoint-medium">
                   <a class="ods-navbar-menu__link" href="javascript:void(0)"
                     ><div class="ods-navbar-menu__link-content">
                       <span class="ods-navbar-menu__link-text">Miljø og klima</span>
                     </div>
                   </a>
                 </li>
-                <li class="ods-margin-bottom-8-breakpoint-medium">
+                <li>
                   <a class="ods-navbar-menu__link" href="javascript:void(0)"
                     ><div class="ods-navbar-menu__link-content">
                       <span class="ods-navbar-menu__link-text">Slik bygger vi Oslo</span>
@@ -510,21 +522,21 @@ <h2 class="ods-navbar-menu__heading">Politikk og innsyn</h2>
             </button>
             <div class="ods-navbar-menu__list-animate">
               <ul>
-                <li class="ods-margin-bottom-8-breakpoint-medium">
+                <li class="ods-margin-bottom-2-breakpoint-medium">
                   <a class="ods-navbar-menu__link" href="javascript:void(0)">
                     <div class="ods-navbar-menu__link-content">
                       <span class="ods-navbar-menu__link-text">Politikk</span>
                     </div>
                   </a>
                 </li>
-                <li class="ods-margin-bottom-8-breakpoint-medium">
+                <li class="ods-margin-bottom-2-breakpoint-medium">
                   <a class="ods-navbar-menu__link" href="javascript:void(0)">
                     <div class="ods-navbar-menu__link-content">
                       <span class="ods-navbar-menu__link-text">Valg</span>
                     </div>
                   </a>
                 </li>
-                <li class="ods-margin-bottom-8-breakpoint-medium">
+                <li>
                   <a class="ods-navbar-menu__link" href="javascript:void(0)">
                     <div class="ods-navbar-menu__link-content">
                       <span class="ods-navbar-menu__link-text">Innsyn</span>
@@ -542,21 +554,21 @@ <h2 class="ods-navbar-menu__heading">Finn fram i kommunen</h2>
             </button>
             <div class="ods-navbar-menu__list-animate">
               <ul>
-                <li class="ods-margin-bottom-8-breakpoint-medium">
+                <li class="ods-margin-bottom-2-breakpoint-medium">
                   <a class="ods-navbar-menu__link" href="javascript:void(0)">
                     <div class="ods-navbar-menu__link-content">
                       <span class="ods-navbar-menu__link-text">Bydeler</span>
                     </div>
                   </a>
                 </li>
-                <li class="ods-margin-bottom-8-breakpoint-medium">
+                <li class="ods-margin-bottom-2-breakpoint-medium">
                   <a class="ods-navbar-menu__link" href="javascript:void(0)">
                     <div class="ods-navbar-menu__link-content">
                       <span class="ods-navbar-menu__link-text">Etater, foretak og ombud</span>
                     </div>
                   </a>
                 </li>
-                <li class="ods-margin-bottom-8-breakpoint-medium">
+                <li>
                   <a class="ods-navbar-menu__link" href="javascript:void(0)">
                     <div class="ods-navbar-menu__link-content">
                       <span class="ods-navbar-menu__link-text">Rådhuset</span>
@@ -574,21 +586,21 @@ <h2 class="ods-navbar-menu__heading">Annet</h2>
             </button>
             <div class="ods-navbar-menu__list-animate">
               <ul>
-                <li class="ods-margin-bottom-8-breakpoint-medium">
+                <li class="ods-margin-bottom-2-breakpoint-medium">
                   <a class="ods-navbar-menu__link" href="javascript:void(0)">
                     <div class="ods-navbar-menu__link-content">
                       <span class="ods-navbar-menu__link-text">Tilskudd, legater og stipend</span>
                     </div>
                   </a>
                 </li>
-                <li class="ods-margin-bottom-8-breakpoint-medium">
+                <li class="ods-margin-bottom-2-breakpoint-medium">
                   <a class="ods-navbar-menu__link" href="javascript:void(0)">
                     <div class="ods-navbar-menu__link-content">
                       <span class="ods-navbar-menu__link-text">Utmerkelser og priser</span>
                     </div>
                   </a>
                 </li>
-                <li class="ods-margin-bottom-8-breakpoint-medium">
+                <li>
                   <a class="ods-navbar-menu__link" href="javascript:void(0)">
                     <div class="ods-navbar-menu__link-content">
                       <span class="ods-navbar-menu__link-text">Flyktninger og inkludering</span>
@@ -602,21 +614,31 @@ <h2 class="ods-navbar-menu__heading">Annet</h2>
         <div class="ods-navbar-menu__footer ods-grid">
           <div class="ods-grid__column--12 ods-grid__column--10-breakpoint-medium">
             <ul class="ods-navbar-menu__footer-list ods-navbar-menu__footer-list--miscellaneous ods-block ods-flex-breakpoint-medium">
-              <li class="ods-padding-right-13-breakpoint-medium">
+              <li class="ods-padding-right-6-breakpoint-medium">
                 <a class="ods-navbar-menu__link" href="javascript:void(0)">
                   <div class="ods-navbar-menu__link-content">
                     <span class="ods-navbar-menu__link-text">Kontakt </span>
                   </div>
                 </a>
               </li>
-              <li class="ods-padding-right-13-breakpoint-medium">
+              <li class="ods-padding-right-6-breakpoint-medium ods-none ods-block-breakpoint-medium">
+                  <div class="ods-navbar-menu__link-content">
+                    <span class="ods-navbar-menu__link-text">|</span>
+                  </div>
+              </li>
+              <li class="ods-padding-right-6-breakpoint-medium">
                 <a class="ods-navbar-menu__link" href="javascript:void(0)">
                   <div class="ods-navbar-menu__link-content">
                     <span class="ods-navbar-menu__link-text">Jobb i Oslo kommune </span>
                   </div>
                 </a>
               </li>
-              <li class="ods-padding-right-13-breakpoint-medium">
+              <li class="ods-padding-right-6-breakpoint-medium ods-none ods-block-breakpoint-medium">
+                <div class="ods-navbar-menu__link-content">
+                  <span class="ods-navbar-menu__link-text">|</span>
+                </div>
+              </li>
+              <li class="ods-padding-right-6-breakpoint-medium">
                 <a class="ods-navbar-menu__link" href="javascript:void(0)">
                   <div class="ods-navbar-menu__link-content">
                     <span class="ods-navbar-menu__link-text">English </span>
@@ -626,8 +648,8 @@ <h2 class="ods-navbar-menu__heading">Annet</h2>
             </ul>
           </div>
           <div class="ods-grid__column--12 ods-grid__column--2-breakpoint-medium">
-            <ul class="ods-flex ods-flex-justify-content-flex-end ods-navbar-menu__footer-list ods-navbar-menu__footer-list--media">
-              <li class="ods-padding-left-13-breakpoint-medium">
+            <ul class="ods-flex ods-flex-justify-content-flex-end-breakpoint-medium ods-navbar-menu__footer-list ods-navbar-menu__footer-list--media">
+              <li>
                 <a class="ods-navbar-menu__link" href="javascript:void(0)">
                   <div class="ods-navbar-menu__link-content">
                     <span class="ods-icon ods-icon--facebook" aria-label="Facebook"></span>
diff --git a/src/components/menu/menu.scss b/src/components/menu/menu.scss
index a4068a6b7..71b1030e3 100644
--- a/src/components/menu/menu.scss
+++ b/src/components/menu/menu.scss
@@ -3,6 +3,7 @@
 @use "system/icon-map";
 @use "system/spacing";
 @use "system/typography";
+@use "system/icons";
 @use "system/units";
 @use "system/visibility";
 @use "components/links/link/mixins";
@@ -119,26 +120,28 @@
 }
 
 .ods-navbar-menu {
+  @extend %ods-padding-bottom-8, %ods-padding-bottom-0-breakpoint-medium;
+
   background-color: colors.$white;
   display: none;
 
   .ods-icon {
-    font-size: 1.5rem;
-    @include breakpoints.medium {
-      font-size: 2rem;
-    }
+    @extend %ods-icon--size-kilo, %ods-icon--size-juliett-breakpoint-large;
   }
 
   &__heading-collapsable {
+    @extend %ods-text--size-juliett;
+    @include typography.weight("medium");
+    @extend %ods-text--weight-medium;
+    @extend %ods-padding-horizontal-0;
+    @extend %ods-padding-left-4;
+    @extend %ods-padding-bottom-4, %ods-padding-bottom-0-breakpoint-medium;
+    @extend %ods-none-breakpoint-medium;
+
     background-color: unset;
     border: none;
     color: colors.$blue-dark;
     cursor: pointer;
-    @extend %ods-text--size-kilo, %ods-text--size-juliett-breakpoint-large;
-    @include typography.weight("light");
-    @extend %ods-margin-bottom-4;
-    @extend %ods-padding-horizontal-0;
-    @extend %ods-none-breakpoint-medium;
 
     span {
       pointer-events: none;
@@ -160,6 +163,10 @@
       max-height: unset;
     }
 
+    ul {
+      @extend %ods-padding-left-4, %ods-padding-left-0-breakpoint-medium, %ods-padding-bottom-4, %ods-padding-bottom-0-breakpoint-medium;
+    }
+
     &--open {
       max-height: 695px;
       transition: all 0.7s ease;
@@ -190,53 +197,24 @@
   }
 
   &__link-icon {
-    @extend %ods-margin-right-4;
+    @extend %ods-margin-right-1;
     @extend %ods-text--size-kilo, %ods-text--size-juliett-breakpoint-large;
-
-    > * {
-      line-height: 1.5em !important;
-    }
-  }
-
-  &__link-content {
-    line-height: 2.375em;
-    @include breakpoints.medium {
-      line-height: 3.125em;
-    }
   }
 
   &__link-text {
-    @extend %ods-text--size-kilo, %ods-text--size-juliett-breakpoint-large;
+    @extend %ods-text--size-kilo, %ods-text--size-juliett-breakpoint-large, %ods-text--weight-light;
 
     display: inline-block;
   }
 
   &__services {
     @extend %ods-padding-top-8, %ods-padding-bottom-4, %ods-padding-horizontal-0;
-    @extend %ods-padding-vertical-8-breakpoint-medium, %ods-padding-horizontal-13-breakpoint-medium;
-  }
-
-  &__categories {
-    @extend %ods-padding-top-1, %ods-padding-horizontal-0, %ods-padding-bottom-4;
-    @extend %ods-padding-vertical-8-breakpoint-medium, %ods-padding-horizontal-13-breakpoint-medium;
-
-    ul {
-      background-color: colors.$gray;
-      @extend %ods-margin-top-8-breakpoint-medium;
-
-      li {
-        @extend %ods-margin-left-3;
-        @extend %ods-margin-left-0-breakpoint-medium;
-      }
-    }
-
-    @include breakpoints.medium {
-      background-color: colors.$gray;
-    }
+    @extend %ods-padding-13-breakpoint-medium;
   }
 
   &__services-list {
-    @extend %ods-padding-vertical-0, %ods-padding-horizontal-3;
+    @extend %ods-padding-left-4;
+    @extend %ods-padding-vertical-0;
     @extend %ods-margin-top-8-breakpoint-medium;
     @extend %ods-padding-0-breakpoint-medium;
 
@@ -248,6 +226,10 @@
       flex-wrap: wrap;
     }
 
+    li:first-child {
+      @extend %ods-padding-top-4, %ods-padding-top-0-breakpoint-medium;
+    }
+
     li:last-child {
       @extend %ods-margin-bottom-3;
 
@@ -257,18 +239,47 @@
     }
   }
 
+  &__categories {
+    @extend %ods-padding-horizontal-0;
+    @extend %ods-padding-vertical-13-breakpoint-medium, %ods-padding-horizontal-13-breakpoint-medium;
+
+    ul {
+      @extend %ods-margin-top-4-breakpoint-medium;
+
+      background-color: colors.$gray;
+
+      li {
+        @extend %ods-margin-left-3;
+        @extend %ods-margin-left-0-breakpoint-medium;
+        @extend %ods-padding-top-4;
+      }
+    }
+
+    & .ods-navbar-menu__link-text {
+      text-decoration: underline;
+    }
+
+    @include breakpoints.medium {
+      background-color: colors.$gray;
+    }
+  }
+
   &__footer {
-    @extend %ods-padding-vertical-4-breakpoint-medium, %ods-padding-horizontal-13-breakpoint-medium;
+    @extend %ods-padding-vertical-8-breakpoint-medium, %ods-padding-horizontal-13-breakpoint-medium;
+
+    li {
+      @extend %ods-padding-top-4;
+    }
   }
 
   &__footer-list {
-    @extend %ods-margin-top-8, %ods-margin-top-0-breakpoint-medium;
+    @extend %ods-margin-top-0-breakpoint-medium, %ods-padding-left-4, %ods-padding-left-0-breakpoint-medium;
 
     justify-content: flex-start;
 
     &--media {
       display: flex;
-      @extend %ods-margin-top-13;
+      @extend %ods-margin-top-4;
       @extend %ods-margin-top-0-breakpoint-medium;
 
       @include breakpoints.medium {
@@ -276,7 +287,7 @@
       }
 
       & .ods-navbar-menu__link-content {
-        @extend %ods-padding-right-8, %ods-padding-right-0-breakpoint-medium, %ods-padding-left-13-breakpoint-medium;
+        @extend %ods-padding-right-4, %ods-padding-right-0-breakpoint-medium, %ods-padding-left-6-breakpoint-medium;
       }
     }
 
@@ -284,4 +295,4 @@
       font-size: 1.5rem;
     }
   }
-}
+}
\ No newline at end of file