diff --git a/tgui/packages/tgui/interfaces/ChemDispenser/ChemDispenserChemicals.tsx b/tgui/packages/tgui/interfaces/ChemDispenser/ChemDispenserChemicals.tsx
index 4bcaf7f7732..f456ca32f69 100644
--- a/tgui/packages/tgui/interfaces/ChemDispenser/ChemDispenserChemicals.tsx
+++ b/tgui/packages/tgui/interfaces/ChemDispenser/ChemDispenserChemicals.tsx
@@ -14,7 +14,8 @@ export const ChemDispenserChemicals = (props) => {
   return (
     <Section
       title={data.glass ? 'Drink Dispenser' : 'Chemical Dispenser'}
-      flexGrow
+      fill
+      scrollable
       buttons={<RecordingBlinker />}
     >
       <Flex direction="row" wrap="wrap" height="100%" align="flex-start">
diff --git a/tgui/packages/tgui/interfaces/ChemDispenser/index.tsx b/tgui/packages/tgui/interfaces/ChemDispenser/index.tsx
index 04c9a228430..f85a52cc219 100644
--- a/tgui/packages/tgui/interfaces/ChemDispenser/index.tsx
+++ b/tgui/packages/tgui/interfaces/ChemDispenser/index.tsx
@@ -14,8 +14,8 @@ export const ChemDispenser = (props) => {
     <Window width={680} height={540}>
       <Window.Content>
         <Stack vertical fill>
-          <Stack.Item>
-            <Stack>
+          <Stack.Item grow>
+            <Stack fill>
               <Stack.Item grow>
                 <Stack vertical fill>
                   <Stack.Item>
@@ -31,7 +31,7 @@ export const ChemDispenser = (props) => {
               </Stack.Item>
             </Stack>
           </Stack.Item>
-          <Stack.Item grow>
+          <Stack.Item basis="25%">
             <ChemDispenserBeaker />
           </Stack.Item>
         </Stack>