diff --git a/frontend/components/navigation.tsx b/frontend/components/navigation.tsx
index a8f80c43..7bf8c114 100644
--- a/frontend/components/navigation.tsx
+++ b/frontend/components/navigation.tsx
@@ -348,7 +348,7 @@ export function Navigation({
                 <div className="flex items-center flex-1">
                   <route.icon
                     className={cn(
-                      "h-4 w-4 mr-3 shrink-0",
+                      "h-[18px] w-[18px] mr-2 shrink-0",
                       route.active
                         ? "text-muted-foreground"
                         : "text-muted-foreground group-hover:text-muted-foreground"
@@ -377,8 +377,8 @@ export function Navigation({
         <div className="flex-1 min-h-0 flex flex-col">
           {/* Conversations Section */}
           <div className="px-3 flex-shrink-0">
-            <div className="flex items-center justify-between mb-3">
-              <h3 className="text-sm font-medium text-muted-foreground">
+            <div className="flex items-center justify-between mb-3 ml-3 mr-2">
+              <h3 className="text-xs font-medium text-muted-foreground">
                 Conversations
               </h3>
               <button
@@ -425,7 +425,7 @@ export function Navigation({
 
                   {/* Show regular conversations */}
                   {conversations.length === 0 && !placeholderConversation ? (
-                    <div className="text-sm text-muted-foreground p-2">
+                    <div className="text-[13px] text-muted-foreground p-2">
                       No conversations yet
                     </div>
                   ) : (
@@ -502,8 +502,8 @@ export function Navigation({
 
             {/* Conversation Knowledge Section - appears right after last conversation */}
             <div className="flex-shrink-0 mt-4">
-              <div className="flex items-center justify-between mb-3">
-                <h3 className="text-sm font-medium text-muted-foreground">
+              <div className="flex items-center justify-between mb-3 ml-3 mr-2">
+                <h3 className="text-xs font-medium text-muted-foreground">
                   Conversation knowledge
                 </h3>
                 <button
@@ -522,9 +522,9 @@ export function Navigation({
                 className="hidden"
                 accept=".pdf,.doc,.docx,.txt,.md,.rtf,.odt"
               />
-              <div className="overflow-y-auto scrollbar-hide space-y-1 max-h-40">
+              <div className="overflow-y-auto scrollbar-hide space-y-1 max-h-40 ml-1">
                 {conversationDocs.length === 0 ? (
-                  <div className="text-sm text-muted-foreground p-2">
+                  <div className="text-[13px] text-muted-foreground p-2">
                     No documents yet
                   </div>
                 ) : (
diff --git a/frontend/src/components/layout-wrapper.tsx b/frontend/src/components/layout-wrapper.tsx
index 998234a6..0ca02ebf 100644
--- a/frontend/src/components/layout-wrapper.tsx
+++ b/frontend/src/components/layout-wrapper.tsx
@@ -80,7 +80,7 @@ export function LayoutWrapper({ children }: { children: React.ReactNode }) {
   return (
     <div className="h-full relative">
       <header className="header-arrangement bg-background sticky top-0 z-50 h-10">
-        <div className="header-start-display px-[20px]">
+        <div className="header-start-display px-[16px]">
           {/* Logo/Title */}
           <div className="flex items-center">
             <Logo className="fill-primary" width={24} height={22} />
@@ -113,7 +113,7 @@ export function LayoutWrapper({ children }: { children: React.ReactNode }) {
             </button>
 
             {/* Separator */}
-            <div className="w-px h-6 bg-border ml-3 mr-4" />
+            <div className="w-px h-6 bg-border mx-3" />
 
             <UserNav />
           </div>
diff --git a/frontend/src/components/user-nav.tsx b/frontend/src/components/user-nav.tsx
index bac2f538..cf0f5527 100644
--- a/frontend/src/components/user-nav.tsx
+++ b/frontend/src/components/user-nav.tsx
@@ -42,7 +42,7 @@ export function UserNav() {
     return (
       <button
         onClick={login}
-        className="flex items-center gap-2 h-7 px-3 mr-2 rounded-md bg-primary text-primary-foreground text-[13px] line-height-[16px]"
+        className="flex items-center gap-2 h-7 px-3 mr-2 rounded-md bg-primary hover:bg-primary/90 text-primary-foreground text-[13px] line-height-[16px]"
       >
         Sign In
       </button>