diff --git a/src/pages/home/HomePage.tsx b/src/pages/home/HomePage.tsx
index 793ff1d07b23..2f0c95f52df1 100644
--- a/src/pages/home/HomePage.tsx
+++ b/src/pages/home/HomePage.tsx
@@ -76,19 +76,35 @@ function HomePage() {
{!shouldUseNarrowLayout && }
{/* Widgets handle their own visibility and may return null to avoid duplicating visibility logic here */}
-
-
-
-
-
-
-
-
-
-
-
-
-
+ {shouldUseNarrowLayout ? (
+ <>
+
+
+
+
+
+
+
+
+
+ >
+ ) : (
+ <>
+
+
+
+
+
+
+
+
+
+
+
+
+
+ >
+ )}
{shouldDisplayLHB && }
diff --git a/src/styles/index.ts b/src/styles/index.ts
index 92b007e95afd..8d02b65557e9 100644
--- a/src/styles/index.ts
+++ b/src/styles/index.ts
@@ -6532,15 +6532,9 @@ const plainStyles = (theme: ThemeColors) =>
width: '100%',
}) satisfies ViewStyle,
- homePageLeftColumn: (shouldUseNarrowLayout: boolean) =>
- shouldUseNarrowLayout
- ? ({width: '100%', flexDirection: 'column', gap: 20} satisfies ViewStyle)
- : ({flex: 7, flexBasis: '58.333%', maxWidth: variables.homePageLeftColumnMaxWidth, flexDirection: 'column', gap: 20} satisfies ViewStyle),
-
- homePageRightColumn: (shouldUseNarrowLayout: boolean) =>
- shouldUseNarrowLayout
- ? ({width: '100%', flexDirection: 'column', gap: 20} satisfies ViewStyle)
- : ({flex: 5, flexBasis: '41.667%', maxWidth: variables.homePageRightColumnMaxWidth, flexDirection: 'column', gap: 20} satisfies ViewStyle),
+ homePageLeftColumn: {flex: 7, flexBasis: '58.333%', maxWidth: variables.homePageLeftColumnMaxWidth, flexDirection: 'column', gap: 20} satisfies ViewStyle,
+
+ homePageRightColumn: {flex: 5, flexBasis: '41.667%', maxWidth: variables.homePageRightColumnMaxWidth, flexDirection: 'column', gap: 20} satisfies ViewStyle,
}) satisfies Styles;
const styles = (theme: ThemeColors) =>