From 61d2d27d9d65a043f4008e0e4d0f50426b3ca2b0 Mon Sep 17 00:00:00 2001
From: Kashargul <144968721+Kashargul@users.noreply.github.com>
Date: Sat, 23 Nov 2024 01:46:02 +0100
Subject: [PATCH] fix dispeners with many catriges

---
 .../interfaces/ChemDispenser/ChemDispenserChemicals.tsx     | 3 ++-
 tgui/packages/tgui/interfaces/ChemDispenser/index.tsx       | 6 +++---
 2 files changed, 5 insertions(+), 4 deletions(-)

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>