Update navbar styling and fix subtitle padding

resources/views/components/navbar.blade.php

@@ -262,10 +262,10 @@
                         <livewire:help />
                     </x-modal-input>
                 </li>
-                <li>
-                    <form action="/logout" method="POST" class="mb-6 menu-item">
+                <li >
+                    <form action="/logout" method="POST">
                         @csrf
-                        <button title="Logout" type="submit" class="flex gap-2">
+                        <button title="Logout" type="submit" class="gap-2 mb-6 menu-item">
                             <svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                 <path fill="currentColor"
                                     d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2a9.985 9.985 0 0 1 8 4h-2.71a8 8 0 1 0 .001 12h2.71A9.985 9.985 0 0 1 12 22m7-6v-3h-8v-2h8V8l5 4z" />
@@ -274,7 +274,6 @@
                         </button>
                     </form>
                 </li>
-
             </ul>
         </li>
         {{-- <li>

resources/views/components/security/navbar.blade.php

@@ -1,8 +1,7 @@
 <div class="pb-6">
     <h1>Security</h1>
     <div class="subtitle">Security related settings.</div>
-
-    <nav class="pt-2 navbar-main">
+    <nav class="navbar-main">
         <a  href="{{ route('security.private-key.index') }}">
             <button>Private Keys</button>
         </a>