diff --git a/assets/style-fiftyohm.css b/assets/style-fiftyohm.css
index d947dca..60dcdb8 100644
--- a/assets/style-fiftyohm.css
+++ b/assets/style-fiftyohm.css
@@ -254,10 +254,33 @@ ul.fiftyohm-navbar {
 }
 
 .fiftyohm-navbar .material-icons {
-  width: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  height: 40px;
   font-size: 32px;
 }
 
+.fiftyohm-navbar .icon-start {
+  font-size: 30px;
+}
+.fiftyohm-navbar .icon-lernen {
+  font-size: 26px;
+}
+.fiftyohm-navbar .icon-suche {
+  font-size: 31px;
+}
+.fiftyohm-navbar .icon-infos {
+  font-size: 30px;
+}
+.fiftyohm-navbar .icon-pruefung {
+  font-size: 31px;
+}
+.fiftyohm-navbar .icon-simulation {
+  font-size: 30px;
+}
+
 @keyframes fadeIn {
   0% { opacity: 0; }
   100% { opacity: 1; }
diff --git a/templates/html/page.html b/templates/html/page.html
index d692760..6f8146c 100644
--- a/templates/html/page.html
+++ b/templates/html/page.html
@@ -61,37 +61,37 @@
           <ul class="fiftyohm-navbar" id="nav-dropdown">
             <li>
               <a href="index.html">
-                <span class="material-icons">home</span>
+                <span class="material-icons icon-start">home</span>
                 Start
               </a>
             </li>
             <li>
               <a href="index.html#lernen">
-                <span class="material-icons">local_library</span>
+                <span class="material-icons icon-lernen">local_library</span>
                 Lernen
               </a>
             </li>
             <li>
               <a href="suche.html">
-                <span class="material-icons">search</span>
+                <span class="material-icons icon-suche">search</span>
                 Suche
               </a>
             </li>
             <li>
               <a href="infos.html">
-                <span class="material-icons">info</span>
+                <span class="material-icons icon-infos">info</span>
                 Infos
               </a>
             </li>
             <li>
               <a href="pruefung.html">
-                <span class="material-icons">fact_check</span>
+                <span class="material-icons icon-pruefung">fact_check</span>
                 Prüfung
               </a>
             </li>
             <li>
               <a href="simulation.html">
-                <span class="material-icons">quiz</span>
+                <span class="material-icons icon-simulation">quiz</span>
                 Simulation
               </a>
             </li>