diff --git a/packages/roomkit-react/src/Prebuilt/components/AppData/AppData.tsx b/packages/roomkit-react/src/Prebuilt/components/AppData/AppData.tsx
index 6853c9062c..0b6e006088 100644
--- a/packages/roomkit-react/src/Prebuilt/components/AppData/AppData.tsx
+++ b/packages/roomkit-react/src/Prebuilt/components/AppData/AppData.tsx
@@ -122,8 +122,8 @@ export const AppData = React.memo(() => {
       [UI_SETTINGS.isAudioOnly]: undefined,
       [UI_SETTINGS.uiViewMode]: uiSettings.uiViewMode || UI_MODE_GRID,
       [UI_SETTINGS.maxTileCount]: isMobile
-        ? DEFAULT_TILES_IN_VIEW
-        : Number(elements?.video_tile_layout?.grid?.tiles_in_view) || DEFAULT_TILES_IN_VIEW,
+        ? DEFAULT_TILES_IN_VIEW.MWEB
+        : Number(elements?.video_tile_layout?.grid?.tiles_in_view) || DEFAULT_TILES_IN_VIEW.DESKTOP,
     };
     hmsActions.setAppData(APP_DATA.uiSettings, updatedSettings, true);
   }, [preferences, hmsActions, elements?.video_tile_layout, isMobile]);
diff --git a/packages/roomkit-react/src/Prebuilt/components/MoreSettings/constants.ts b/packages/roomkit-react/src/Prebuilt/components/MoreSettings/constants.ts
index f1a3d00dc1..b655f264f3 100644
--- a/packages/roomkit-react/src/Prebuilt/components/MoreSettings/constants.ts
+++ b/packages/roomkit-react/src/Prebuilt/components/MoreSettings/constants.ts
@@ -10,4 +10,5 @@ export const trackTypeOptions = [
   { label: 'audio', value: 'audio' },
   { label: 'video', value: 'video' },
 ];
-export const DEFAULT_TILES_IN_VIEW = 9;
+
+export const DEFAULT_TILES_IN_VIEW = { MWEB: 4, DESKTOP: 9 };