diff --git a/frontend/appflowy_flutter/lib/workspace/application/home/home_setting_bloc.dart b/frontend/appflowy_flutter/lib/workspace/application/home/home_setting_bloc.dart
index 094d9035d2..3075ddc834 100644
--- a/frontend/appflowy_flutter/lib/workspace/application/home/home_setting_bloc.dart
+++ b/frontend/appflowy_flutter/lib/workspace/application/home/home_setting_bloc.dart
@@ -20,12 +20,14 @@ class HomeSettingBloc extends Bloc<HomeSettingEvent, HomeSettingState> {
     UserProfilePB user,
     WorkspaceSettingPB workspaceSetting,
     AppearanceSettingsCubit appearanceSettingsCubit,
+    double screenWidthPx,
   )   : _listener = UserWorkspaceListener(userProfile: user),
         _appearanceSettingsCubit = appearanceSettingsCubit,
         super(
           HomeSettingState.initial(
             workspaceSetting,
             appearanceSettingsCubit.state,
+            screenWidthPx,
           ),
         ) {
     on<HomeSettingEvent>(
@@ -149,16 +151,18 @@ class HomeSettingState with _$HomeSettingState {
   factory HomeSettingState.initial(
     WorkspaceSettingPB workspaceSetting,
     AppearanceSettingsState appearanceSettingsState,
-  ) =>
-      HomeSettingState(
-        panelContext: none(),
-        workspaceSetting: workspaceSetting,
-        unauthorized: false,
-        isMenuCollapsed: appearanceSettingsState.isMenuCollapsed,
-        isScreenSmall: appearanceSettingsState.isMenuCollapsed,
-        keepMenuCollapsed: false,
-        resizeOffset: appearanceSettingsState.menuOffset,
-        resizeStart: 0,
-        resizeType: MenuResizeType.slide,
-      );
+    double screenWidthPx,
+  ) {
+    return HomeSettingState(
+      panelContext: none(),
+      workspaceSetting: workspaceSetting,
+      unauthorized: false,
+      isMenuCollapsed: appearanceSettingsState.isMenuCollapsed,
+      isScreenSmall: screenWidthPx < PageBreaks.tabletLandscape,
+      keepMenuCollapsed: false,
+      resizeOffset: appearanceSettingsState.menuOffset,
+      resizeStart: 0,
+      resizeType: MenuResizeType.slide,
+    );
+  }
 }
diff --git a/frontend/appflowy_flutter/lib/workspace/presentation/home/desktop_home_screen.dart b/frontend/appflowy_flutter/lib/workspace/presentation/home/desktop_home_screen.dart
index e3916cbab6..44b0a40989 100644
--- a/frontend/appflowy_flutter/lib/workspace/presentation/home/desktop_home_screen.dart
+++ b/frontend/appflowy_flutter/lib/workspace/presentation/home/desktop_home_screen.dart
@@ -23,6 +23,7 @@ import 'package:flowy_infra_ui/style_widget/container.dart';
 import 'package:flutter/gestures.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:sized_context/sized_context.dart';
 import 'package:styled_widget/styled_widget.dart';
 
 import '../widgets/edit_panel/edit_panel.dart';
@@ -75,11 +76,12 @@ class DesktopHomeScreen extends StatelessWidget {
               },
             ),
             BlocProvider<HomeSettingBloc>(
-              create: (context) {
+              create: (_) {
                 return HomeSettingBloc(
                   userProfile,
                   workspaceSetting,
                   context.read<AppearanceSettingsCubit>(),
+                  context.widthPx,
                 )..add(const HomeSettingEvent.initial());
               },
             ),