diff --git a/site/src/assets/css/editor.css b/site/src/assets/css/editor.css
index 4c2c10c..6655593 100644
--- a/site/src/assets/css/editor.css
+++ b/site/src/assets/css/editor.css
@@ -8,7 +8,7 @@
 }
 
 .pane-container {
-  @apply h-full rounded-xl overflow-scroll;
+  @apply h-full rounded-xl;
 }
 
 /* Print mode */
diff --git a/site/src/components/editor/Code.vue b/site/src/components/editor/Code.vue
index e9d68fd..49c3cf7 100644
--- a/site/src/components/editor/Code.vue
+++ b/site/src/components/editor/Code.vue
@@ -1,6 +1,6 @@
 <template>
   <TabsRoot
-    class="pane-container bg-background"
+    class="pane-container overflow-hidden bg-background"
     flex="~ col"
     default-value="markdown"
     @update:model-value="(payload) => activateModel(payload)"
diff --git a/site/src/components/editor/Preview.vue b/site/src/components/editor/Preview.vue
index c5b5829..f1c204f 100644
--- a/site/src/components/editor/Preview.vue
+++ b/site/src/components/editor/Preview.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="pane-container hide-scrollbar bg-secondary" border="4 secondary">
+  <div class="pane-container overflow-scroll hide-scrollbar bg-secondary" border="4 secondary">
     <VueZoom ref="zoom" :scale="scale">
       <SharedResumeRender
         id="preview"
diff --git a/site/src/components/editor/toolbar/index.vue b/site/src/components/editor/toolbar/index.vue
index 823272b..056c437 100644
--- a/site/src/components/editor/toolbar/index.vue
+++ b/site/src/components/editor/toolbar/index.vue
@@ -2,7 +2,7 @@
   <div class="flex w-72 h-full">
     <div
       id="toolbar"
-      class="pane-container hide-scrollbar bg-background"
+      class="pane-container overflow-y-scroll hide-scrollbar bg-background"
       lt-lg="bg-accent rounded-none"
     >
       <template v-for="(tool, i) in tools" :key="tool.id">