diff --git a/TeslaSolarCharger/Client/Shared/NavMenu.razor b/TeslaSolarCharger/Client/Shared/NavMenu.razor
index 17b5fa10b..7c9196e15 100644
--- a/TeslaSolarCharger/Client/Shared/NavMenu.razor
+++ b/TeslaSolarCharger/Client/Shared/NavMenu.razor
@@ -12,27 +12,27 @@
 <div class="@NavMenuCssClass" @onclick="ToggleNavMenu">
     <nav class="flex-column">
         <div class="nav-item px-3">
-            <NavLink class="nav-link" href="" Match="NavLinkMatch.All">
+            <NavLink class="nav-link px-3" href="" Match="NavLinkMatch.All">
                 <span class="oi oi-home" aria-hidden="true"></span> Overview
             </NavLink>
         </div>
         <div class="nav-item px-3">
-            <NavLink class="nav-link" href="CarSettings">
+            <NavLink class="nav-link px-3" href="CarSettings">
                 <span class="oi oi-wrench" aria-hidden="true"></span> Car Settings
             </NavLink>
         </div>
         <div class="nav-item px-3">
-            <NavLink class="nav-link" href="ChargePrices">
+            <NavLink class="nav-link px-3" href="ChargePrices">
                 <span class="material-symbols-outlined" aria-hidden="true">attach_money</span> Charge Prices
             </NavLink>
         </div>
         <div class="nav-item px-3">
-            <NavLink class="nav-link" href="BaseConfiguration">
+            <NavLink class="nav-link px-3" href="BaseConfiguration">
                 <span class="oi oi-cog" aria-hidden="true"></span> Base Configuration
             </NavLink>
         </div>
         <div class="nav-item px-3">
-            <NavLink class="nav-link" href="backupAndRestore">
+            <NavLink class="nav-link px-3" href="backupAndRestore">
                 <span class="oi oi-data-transfer-download" aria-hidden="true"></span> Backup and Restore
             </NavLink>
         </div>