diff --git a/src/static/style.css b/src/static/style.css
index 7efba0c..9f272a6 100644
--- a/src/static/style.css
+++ b/src/static/style.css
@@ -89,9 +89,20 @@ tr:hover:not(.selected) {
     border-radius: 10px;
 }
 
+#navbar .navbar-header {
+    display: flex;
+    align-items: center;
+}
+
 #navbar h1 {
     margin: 0;
     font-size: 24px;
+    display: inline-block;
+}
+
+#navbar .versionid {
+    margin-left: 20px;
+    display: inline-block;
 }
 
 #navbar ul {
@@ -113,13 +124,10 @@ tr:hover:not(.selected) {
     transition: background-color 0.3s;
 }
 
-#navbar a:hover {
+#navbar a:hover, #navbar a.active {
     background-color: #007344; /* Etwas helleres Grün */
 }
 
-#navbar a.active {
-    background-color: #008C50; /* Mittleres Grün */
-}
 
 
 .content {
diff --git a/src/templates/nutrition.html b/src/templates/nutrition.html
index 51a9891..ea5c0ff 100644
--- a/src/templates/nutrition.html
+++ b/src/templates/nutrition.html
@@ -110,7 +110,7 @@
 
         function deleteRowsIfPasswordCorrect() {
             const password = document.getElementById('password-input').value;
-            if (password === 'wowmuchsecurity') {
+            if (password === 'geheim') {
                 deleteSelectedRows();  // Funktion, die die ausgewählten Zeilen löscht
                 hidePasswordPrompt();
             } else {
@@ -177,14 +177,17 @@
 </head>
 <body>
     <nav id="navbar">
-        <h1>Elo's Rezept Rechner</h1>
-        <ul>
+        <div class="navbar-header">
+            <h1>Elo's Rezept Rechner</h1>
             <li class="versionid">VERSION_ID</li>
+        </div>
+        <ul>
             <li><a href="/">Rechner</a></li>
             <li><a href="/nutrition" class="active">Neue Lebensmittel</a></li>
         </ul>
     </nav>
     
+    
     <div class="content">
         <form onsubmit="event.preventDefault(); addNutritionEntry();" method="POST" id="nutrition-form">
             <table id="nutrition-input-table">
