diff --git a/src/app/page.tsx b/src/app/page.tsx
index dea1b27..2128f48 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -214,13 +214,14 @@ export default function Home() {
                             <div className="hidden sm:block">
                                 <LanguageSwitcher />
                             </div>
-                            <DramOfTheDay bottles={bottles} />
+                            <div className="hidden sm:block">
+                                <DramOfTheDay bottles={bottles} />
+                            </div>
                             <button
-                                onClick={() => router.push('/settings')}
-                                className="p-2 text-zinc-500 hover:text-white transition-colors"
-                                aria-label="Settings"
+                                onClick={handleLogout}
+                                className="text-[9px] font-bold uppercase tracking-widest text-zinc-600 hover:text-white transition-colors whitespace-nowrap"
                             >
-                                <Settings size={18} />
+                                {t('home.logout')}
                             </button>
                         </div>
                     </div>