diff --git a/packages/ui-default/components/problemconfig/index.tsx b/packages/ui-default/components/problemconfig/index.tsx
index ec5e29d37..db39720e3 100644
--- a/packages/ui-default/components/problemconfig/index.tsx
+++ b/packages/ui-default/components/problemconfig/index.tsx
@@ -48,7 +48,9 @@ export default function ProblemConfig(props: Props) {
 
   return <ContextMenuProvider>
     <div ref={setContainer}>
-      <Allotment defaultSizes={[2, 3]}>
+      <Allotment
+        defaultSizes={[2, 3]}
+        className="problem-config-allotment">
         <Allotment.Pane>
           <div style={{ height: '100%', overflow: 'auto' }}>
             <ProblemConfigEditor ref={setEditor} />
diff --git a/packages/ui-default/pages/problem_config.page.styl b/packages/ui-default/pages/problem_config.page.styl
index 6ebbe0384..c3df73f2c 100644
--- a/packages/ui-default/pages/problem_config.page.styl
+++ b/packages/ui-default/pages/problem_config.page.styl
@@ -9,6 +9,12 @@
   input::placeholder
     color: rgba(95,107,124,.6)!important
 
+  .problem-config-allotment  
+    overflow: visible !important  
+      
+    .split-view-container > .split-view-view  
+      overflow: visible !important
+
   .problem-config-form
     font-family: var(--code-font-family)