diff --git a/inventory/src/pages/Login.tsx b/inventory/src/pages/Login.tsx
index fe8c9f0..8cb56ff 100644
--- a/inventory/src/pages/Login.tsx
+++ b/inventory/src/pages/Login.tsx
@@ -74,10 +74,12 @@ export function Login() {
 
   return (
     <div className="min-h-screen bg-gradient-to-b from-slate-100 to-slate-200 dark:from-slate-900 dark:to-slate-800 antialiased">
-      <div className="relative w-full h-16 bg-primary flex items-center px-6">
-        <div className="flex items-center text-lg font-medium text-white">
-          <Box className="mr-2 h-6 w-6" />
-          Inventory Manager
+       <div className="flex flex-col gap-2 p-2 bg-primary">
+       <div className="p-4 flex items-center gap-2 group-data-[collapsible=icon]:justify-center text-white">
+          <Box className="h-6 w-6 shrink-0" />
+          <h2 className="text-lg font-semibold group-data-[collapsible=icon]:hidden">
+            Inventory Manager
+          </h2>
         </div>
       </div>
       <div className="container relative flex min-h-[calc(100vh-4rem)] flex-col items-center justify-center">