diff --git a/skolehjem/resources/js/navmenu/menu.js b/skolehjem/resources/js/navmenu/menu.js
index 9a3e8d9..7f47606 100644
--- a/skolehjem/resources/js/navmenu/menu.js
+++ b/skolehjem/resources/js/navmenu/menu.js
@@ -32,17 +32,22 @@ function toggleMenu(menu) {
     let logoElement = document.getElementById("sdeLogo");
     let htmlElement = document.getElementsByTagName('html')[0];
     let mainElement = document.getElementsByTagName('main')[0];
+    let iconElement = document.getElementById("icon");
 
     if(menuElement.classList.contains("hide")) {
         menuElement.classList.remove("hide");
         mainElement.classList.remove("d-none");
         htmlElement.style.backgroundColor = 'rgb(255, 255, 255)';
         logoElement.src = '/images/logos/Logo-normal.svg';
+        iconElement.classList.remove("fa-times");
+        iconElement.classList.add("fa-bars");
     } else {
         menuElement.classList.add("hide");
         mainElement.classList.add("d-none");
         htmlElement.style.backgroundColor = 'rgb(0, 120, 138)';
         logoElement.src = '/images/logos/Logo-hvid.svg';
+        iconElement.classList.remove("fa-bars");
+        iconElement.classList.add("fa-times");
     }
 }
 
diff --git a/skolehjem/resources/views/app/layout/base.blade.php b/skolehjem/resources/views/app/layout/base.blade.php
index 49543f6..8abab34 100644
--- a/skolehjem/resources/views/app/layout/base.blade.php
+++ b/skolehjem/resources/views/app/layout/base.blade.php
@@ -12,7 +12,7 @@
     <img class="w-50" id="sdeLogo" src="{{URL::asset('/images/logos/Logo-normal.svg')}}" alt="Syddansk Erhvervsskole">
     <button class="ml-auto" id="toggle">
 {{--        <img src="{{URL::asset('/images/icons/icon.svg')}}" id="menuIcon" alt="-">--}}
-        <i class="fas fa-bars"></i>
+        <i id="icon" class="fas fa-bars"></i>
     </button>
 </header>
 <div class="d-none bg-sde-blue col" id="menu">