From 565a827f2829d9c0798d9e761eb55085be93597a Mon Sep 17 00:00:00 2001
From: ChrissiQ <1127719+ChrissiQ@users.noreply.github.com>
Date: Sat, 26 Feb 2022 14:03:12 -0700
Subject: [PATCH] =?UTF-8?q?=E2=99=BF=EF=B8=8F=20=20(Corp=20Warehouse=20UI?=
 =?UTF-8?q?=20Accessibility)=20Stop=20warehouse=20UI=20jump=20at=20higher?=
 =?UTF-8?q?=20zoom?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Corporation/ui/IndustryWarehouse.tsx | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/Corporation/ui/IndustryWarehouse.tsx b/src/Corporation/ui/IndustryWarehouse.tsx
index 4707afdef..899436abc 100644
--- a/src/Corporation/ui/IndustryWarehouse.tsx
+++ b/src/Corporation/ui/IndustryWarehouse.tsx
@@ -27,6 +27,8 @@ import Tooltip from "@mui/material/Tooltip";
 import Paper from "@mui/material/Paper";
 import Button from "@mui/material/Button";
 import Box from "@mui/material/Box";
+import makeStyles from "@mui/styles/makeStyles";
+import createStyles from "@mui/styles/createStyles";
 
 interface IProps {
   corp: ICorporation;
@@ -37,6 +39,14 @@ interface IProps {
   rerender: () => void;
 }
 
+const useStyles = makeStyles(() =>
+  createStyles({
+    retainHeight: {
+      minHeight: '3em',
+    },
+  })
+);
+
 function WarehouseRoot(props: IProps): React.ReactElement {
   const corp = useCorporation();
   const division = useDivision();
@@ -56,6 +66,8 @@ function WarehouseRoot(props: IProps): React.ReactElement {
     props.rerender();
   }
 
+  const classes = useStyles();
+
   // Current State:
   let stateText;
   switch (division.state) {
@@ -158,7 +170,7 @@ function WarehouseRoot(props: IProps): React.ReactElement {
       </Typography>
       <br />
 
-      <Typography>{stateText}</Typography>
+      <Typography className={classes.retainHeight}>{stateText}</Typography>
 
       {corp.unlockUpgrades[1] && (
         <>