diff --git a/frontend/src/components/elements/ArrowTable/styled-components.ts b/frontend/src/components/elements/ArrowTable/styled-components.ts
index 1b29991d6893..4d10e93cbe21 100644
--- a/frontend/src/components/elements/ArrowTable/styled-components.ts
+++ b/frontend/src/components/elements/ArrowTable/styled-components.ts
@@ -23,6 +23,7 @@ export const StyledTableContainer = styled.div(({ theme }) => ({
   fontFamily: theme.fonts.sansSerif,
   padding: `${theme.spacing.twoXS} ${theme.spacing.xs}`,
   lineHeight: theme.lineHeights.table,
+  overflow: ["auto", "overlay"],
 }))
 
 export const StyledTable = styled.table(({ theme }) => ({
diff --git a/frontend/src/components/elements/Table/styled-components.ts b/frontend/src/components/elements/Table/styled-components.ts
index 19ab32e7eee0..659443c027c9 100644
--- a/frontend/src/components/elements/Table/styled-components.ts
+++ b/frontend/src/components/elements/Table/styled-components.ts
@@ -23,6 +23,7 @@ export const StyledTableContainer = styled.div(({ theme }) => ({
   fontFamily: theme.fonts.sansSerif,
   padding: `${theme.spacing.twoXS} ${theme.spacing.md}`,
   lineHeight: theme.lineHeights.table,
+  overflow: ["auto", "overlay"],
 }))
 
 export const StyledTable = styled.table(({ theme }) => ({