diff --git a/js/customElements/header.js b/js/customElements/header.js
index d0c8cd93b93d937f6778cabd94cbe72693d574f0..5a24ba86954021f10f1169093629e723efa49d0d 100644
--- a/js/customElements/header.js
+++ b/js/customElements/header.js
@@ -14,7 +14,7 @@ class Header extends HTMLElement {
                     <jl-svg data-name="banner"></jl-svg>
                     </div >
                 </div >
-                <jl-main_menue id = "mainMenue" data-title = "${pageTitle}"></jl-main_menue>
+                <jl-main_menu id = "mainMenu" data-title = "${pageTitle}"></jl-main_menu>
             </header>
         `;
     }
diff --git a/js/customElements/mainMenue.js b/js/customElements/mainMenu.js
similarity index 100%
rename from js/customElements/mainMenue.js
rename to js/customElements/mainMenu.js
diff --git a/js/script.js b/js/script.js
index fb662d538f7bbacbf270683af8b2156e6aa535f9..e186020d9d815ed696fac44d97075c96a8586a77 100644
--- a/js/script.js
+++ b/js/script.js
@@ -14,5 +14,5 @@ require("./customElements/commentsDisplay");
 require("./customElements/newComment");
 require("./customElements/contactMailButton");
 require("./customElements/header");
-require("./customElements/mainMenue");
+require("./customElements/mainMenu");
 require("./customElements/footer");
diff --git a/scss/_menue.scss b/scss/_menu.scss
similarity index 96%
rename from scss/_menue.scss
rename to scss/_menu.scss
index c0b3709ca65941adcbba2fb6161d36aec049c361..51d0a8f69b39e8342dd20556e2f82a7d3fb3ff19 100644
--- a/scss/_menue.scss
+++ b/scss/_menu.scss
@@ -1,4 +1,4 @@
-#mainMenue {
+#mainmenu {
     position: absolute;
     top: 20px;
     right: 100px;
@@ -60,12 +60,12 @@
     }
 }
 
-.menueSelected {
+.menuSelected {
     text-decoration: underline !important;
 }
 
 @media only screen and (max-width: 600px) {
-    #mainMenue {
+    #mainmenu {
         right: 10px;
     }
 }
diff --git a/scss/_menueMobile.scss b/scss/_menuMobile.scss
similarity index 94%
rename from scss/_menueMobile.scss
rename to scss/_menuMobile.scss
index 37d2648c6435ad200e844a9a41cba00e6966e93f..6d075cfebe55f9574c6034f2626d49e2f9f9951d 100644
--- a/scss/_menueMobile.scss
+++ b/scss/_menuMobile.scss
@@ -1,4 +1,4 @@
-#burgerMenue {
+#burgermenu {
   position: absolute;
   top: 10px;
   right: 10px;
@@ -26,7 +26,7 @@
 }
 
 @media only screen and (max-width: $mobile-max-width) {
-  #burgerMenue{
+  #burgermenu{
     display: inline-block;
   }
 
@@ -34,7 +34,7 @@
     display: inline-grid !important;
   }
 
-  .mainMenueContainer{
+  .mainmenuContainer{
     display: none;
 
     text-align: left !important;
@@ -59,7 +59,7 @@
       }
     }
   }
-  #mainMenue{
+  #mainmenu{
     display: block;
     position: absolute;
     top: 0;
diff --git a/scss/style.scss b/scss/style.scss
index 0e29bc10d2738f4cafb133206735cf8041b73aa5..b9bf0cf0ececdf75f97aaea3f368ca1ff92b3374 100644
--- a/scss/style.scss
+++ b/scss/style.scss
@@ -1,7 +1,7 @@
 @import "var";
 @import "colorMixer";
 @import "general";
-@import "menue";
+@import "menu";
 @import "normalize";
 @import "ntp";
 @import "header";
@@ -10,7 +10,7 @@
 @import "footer";
 @import "content";
 @import "mobile";
-@import "menueMobile";
+@import "menuMobile";
 @import "mobileSmall";
 @import "home";
 @import "prism";