diff --git a/src/frontend/src/pages/FlowPage/index.tsx b/src/frontend/src/pages/FlowPage/index.tsx
index a3773a6a4..45655a2d3 100644
--- a/src/frontend/src/pages/FlowPage/index.tsx
+++ b/src/frontend/src/pages/FlowPage/index.tsx
@@ -169,7 +169,7 @@ export default function FlowPage({ view }: { view?: boolean }): JSX.Element {
           <div className="flex h-full overflow-hidden">
             <SidebarProvider width="17.5rem" defaultOpen={!isMobile}>
               {!view && <FlowSidebarComponent />}
-              <main className="flex flex-1">
+              <main className="flex w-full overflow-hidden">
                 <div className="h-full w-full">
                   <Page />
                 </div>
diff --git a/src/frontend/src/pages/MainPage/pages/index.tsx b/src/frontend/src/pages/MainPage/pages/index.tsx
index 7cf6e58dc..437c5d672 100644
--- a/src/frontend/src/pages/MainPage/pages/index.tsx
+++ b/src/frontend/src/pages/MainPage/pages/index.tsx
@@ -72,7 +72,7 @@ export default function CollectionPage(): JSX.Element {
             }}
           />
         )}
-      <main className="flex flex-1">
+      <main className="flex w-full overflow-hidden">
         {flows && examples && folders ? (
           <div className={`relative mx-auto h-full w-full overflow-y-scroll`}>
             <CardsWrapComponent