diff --git a/src/components/Codesplit.js b/src/components/Codesplit.js
index 3255cae..77844e6 100644
--- a/src/components/Codesplit.js
+++ b/src/components/Codesplit.js
@@ -47,7 +47,7 @@ const Codesplit = (props) => {
 
   return (
     <div
-      className={`pt-0 ${props.className} ${isAnswerVisible ? 'is-answer-visible' : ''}`}
+      className={`overflow-visible pt-0 ${props.className} ${isAnswerVisible ? 'is-answer-visible' : ''}`}
     >
       <div className="flex items-start justify-between">
         <LanguageNameBadge language={props['data-code-language']} />
diff --git a/src/styles/callout.css b/src/styles/callout.css
index fadb697..97fc402 100644
--- a/src/styles/callout.css
+++ b/src/styles/callout.css
@@ -1,5 +1,5 @@
 .callout {
-  @apply clear-both my-4 rounded bg-gray-100 py-4;
+  @apply clear-both my-4 overflow-y-auto rounded bg-gray-100 py-4;
 }
 
 .callout:not(.codesplit) {
diff --git a/src/styles/codesplit.css b/src/styles/codesplit.css
index 3ea99f9..9b4c38a 100644
--- a/src/styles/codesplit.css
+++ b/src/styles/codesplit.css
@@ -1,9 +1,4 @@
 /** codesplit div styles */
-
-.codesplit {
-  @apply my-4 rounded bg-gray-100 py-4;
-}
-
 .snip-above > .codesplit {
   @apply relative rounded-t-none border-t border-dashed border-gray-400;
 }