diff --git a/web/src/components/Dashboard.tsx b/web/src/components/Dashboard.tsx
index ea8a822..017345f 100644
--- a/web/src/components/Dashboard.tsx
+++ b/web/src/components/Dashboard.tsx
@@ -163,16 +163,18 @@ export function Dashboard() {
             >
               {theme === 'dark' ? <Sun size={18} /> : <Moon size={18} />}
             </button>
-            <Link
-              href="/focus"
-              className="p-2 rounded-lg transition-colors"
-              style={{ color: 'var(--cm-text-tertiary)' }}
-              title="Focus Mode"
-              aria-label="Focus Mode"
-            >
-              <Eye size={18} />
-            </Link>
-            {isFlagEnabled('routines_disabled') ? null : (
+            {isFlagEnabled('focus_mode_enabled') ? (
+              <Link
+                href="/focus"
+                className="p-2 rounded-lg transition-colors"
+                style={{ color: 'var(--cm-text-tertiary)' }}
+                title="Focus Mode"
+                aria-label="Focus Mode"
+              >
+                <Eye size={18} />
+              </Link>
+            ) : null}
+            {isFlagEnabled('routines_enabled') ? (
               <Link
                 href="/routines"
                 className="p-2 rounded-lg transition-colors"
@@ -181,7 +183,7 @@ export function Dashboard() {
               >
                 <ListChecks size={18} />
               </Link>
-            )}
+            ) : null}
             <Link
               href="/history"
               className="p-2 rounded-lg transition-colors"