diff --git a/packages/desktop-client/src/components/Titlebar.tsx b/packages/desktop-client/src/components/Titlebar.tsx
index 25002a16be0..4483900ee80 100644
--- a/packages/desktop-client/src/components/Titlebar.tsx
+++ b/packages/desktop-client/src/components/Titlebar.tsx
@@ -172,7 +172,7 @@ export function SyncButton({ style }: SyncButtonProps) {
           WebkitAppRegion: 'none',
           color: mobileColor,
         },
-        media(`(min-width: ${tokens.breakpoint_extrasmall})`, {
+        media(`(min-width: ${tokens.breakpoint_small})`, {
           color:
             syncState === 'error'
               ? colors.r4
@@ -296,15 +296,7 @@ export default function Titlebar({ style }) {
   let navigate = useNavigate();
   let location = useLocation();
   let sidebar = useSidebar();
-  const { isNarrowWidth } = useResponsive();
-  const { isExtraSmallWidth } = useResponsive();
-  let isWidth = false;
-
-  if (isNarrowWidth || isExtraSmallWidth) {
-    isWidth = true;
-  } else {
-    isWidth = false;
-  }
+  let { isNarrowWidth } = useResponsive();
   let serverURL = useServerURL();
   let floatingSidebar = useSelector(
     state => state.prefs.global.floatingSidebar,
@@ -313,7 +305,7 @@ export default function Titlebar({ style }) {
   let privacyModeFeatureFlag = useFeatureFlag('privacyMode');
   let themesFlag = useFeatureFlag('themes');
 
-  return isWidth ? null : (
+  return isNarrowWidth ? null : (
     <View
       style={{
         flexDirection: 'row',