diff --git a/src/pages/Index.tsx b/src/pages/Index.tsx
index 93a51d5..a651d41 100644
--- a/src/pages/Index.tsx
+++ b/src/pages/Index.tsx
@@ -84,11 +84,11 @@ const Index = () => {
                   <Menu />
                 </Button>
               </SheetTrigger>
-              <SheetContent side="left">
+              <SheetContent side="left" className="flex flex-col">
                 <SheetHeader>
                   <SheetTitle>Categories</SheetTitle>
                 </SheetHeader>
-                <div className="flex flex-col gap-2 mt-4">
+                <div className="flex-grow flex flex-col gap-2 mt-4">
                   {categories.map((category) => {
                     const Icon = getCategoryIcon(category);
                     const categoryCount = category === "All" ? people.length : people.filter(p => p.category === category).length;
@@ -115,6 +115,16 @@ const Index = () => {
                     );
                   })}
                 </div>
+                <div className="mt-auto pt-4 border-t border-gray-200">
+                  <Button
+                    onClick={handleSignOut}
+                    variant="ghost"
+                    className="w-full justify-start flex items-center gap-2 text-red-500 hover:text-red-600 hover:bg-red-50"
+                  >
+                    <LogOut size={16} />
+                    Sign Out
+                  </Button>
+                </div>
               </SheetContent>
             </Sheet>
           </div>
@@ -134,10 +144,10 @@ const Index = () => {
                 onClick={handleSignOut}
                 variant="outline"
                 size="sm"
-                className="flex items-center gap-2"
+                className="hidden md:flex items-center gap-2"
               >
                 <LogOut size={16} />
-                <span className="hidden md:inline">Sign Out</span>
+                Sign Out
               </Button>
             </div>
           </div>
diff --git a/src/pages/Landing.tsx b/src/pages/Landing.tsx
index 1c470c3..f84f659 100644
--- a/src/pages/Landing.tsx
+++ b/src/pages/Landing.tsx
@@ -23,9 +23,7 @@ const Landing = () => {
       <header className="container mx-auto px-4 py-6">
         <nav className="flex items-center justify-between">
           <div className="flex items-center gap-2">
-            <div className="w-8 h-8 bg-gradient-to-br from-indigo-500 to-purple-600 rounded-lg flex items-center justify-center">
-              <Users className="w-5 h-5 text-white" />
-            </div>
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" className="w-8 h-8"><text y=".9em" font-size="90">🧠</text></svg>
             <span className="text-xl font-bold text-gray-800">Ariyo</span>
           </div>
           <div className="flex items-center gap-4">