diff --git a/code/ui/blocks/src/components/TableOfContents.tsx b/code/ui/blocks/src/components/TableOfContents.tsx
index 892f1e137f20..872019104332 100644
--- a/code/ui/blocks/src/components/TableOfContents.tsx
+++ b/code/ui/blocks/src/components/TableOfContents.tsx
@@ -40,9 +40,12 @@ const Wrapper = styled.div(({ theme }) => ({
 
 const Content = styled.div(({ theme }) => ({
   position: 'fixed',
+  bottom: 0,
   top: 0,
   width: '10rem',
   paddingTop: '4rem',
+  paddingBottom: '2rem',
+  overflowY: 'auto',
 
   fontFamily: theme.typography.fonts.base,
   fontSize: theme.typography.size.s2,