diff --git a/airflow-core/src/airflow/ui/src/layouts/BaseLayout.tsx b/airflow-core/src/airflow/ui/src/layouts/BaseLayout.tsx
index 6fd189cb1522b..1f2574cc85832 100644
--- a/airflow-core/src/airflow/ui/src/layouts/BaseLayout.tsx
+++ b/airflow-core/src/airflow/ui/src/layouts/BaseLayout.tsx
@@ -53,7 +53,15 @@ export const BaseLayout = ({ children }: PropsWithChildren) => {
   return (
     <LocaleProvider locale={i18n.language || "en"}>
       <Nav />
-      <Box _ltr={{ ml: 20 }} _rtl={{ mr: 20 }} display="flex" flexDirection="column" h="100vh" p={3}>
+      <Box
+        _ltr={{ ml: 20 }}
+        _rtl={{ mr: 20 }}
+        display="flex"
+        flexDirection="column"
+        h="100vh"
+        overflowY="auto"
+        p={3}
+      >
         {children ?? <Outlet />}
       </Box>
     </LocaleProvider>