From e6b98812f5a1be7709b514567fd3d2850506570f Mon Sep 17 00:00:00 2001
From: koji <kk2796@nyu.edu>
Date: Wed, 23 Oct 2024 20:10:37 -0400
Subject: [PATCH] update type

---
 .../ListItemChildren/ListItemDescriptor.tsx   |  4 ++--
 .../organisms/MaterialsListModal/index.tsx    | 19 ++++++++++++-------
 2 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/components/src/atoms/ListItem/ListItemChildren/ListItemDescriptor.tsx b/components/src/atoms/ListItem/ListItemChildren/ListItemDescriptor.tsx
index 78d0e50869e..dcedecaa9f8 100644
--- a/components/src/atoms/ListItem/ListItemChildren/ListItemDescriptor.tsx
+++ b/components/src/atoms/ListItem/ListItemChildren/ListItemDescriptor.tsx
@@ -8,8 +8,8 @@ import { SPACING } from '../../../ui-style-constants'
 
 interface ListItemDescriptorProps {
   type: 'default' | 'large'
-  description: JSX.Element | string
-  content: JSX.Element | string
+  description: JSX.Element
+  content: JSX.Element
 }
 
 export const ListItemDescriptor = (
diff --git a/protocol-designer/src/organisms/MaterialsListModal/index.tsx b/protocol-designer/src/organisms/MaterialsListModal/index.tsx
index 858c0c38245..14324594969 100644
--- a/protocol-designer/src/organisms/MaterialsListModal/index.tsx
+++ b/protocol-designer/src/organisms/MaterialsListModal/index.tsx
@@ -96,13 +96,18 @@ export function MaterialsListModal({
                       <ListItemDescriptor
                         type="large"
                         description={
-                          fixture.location != null ? (
-                            <DeckInfoLabel
-                              deckLabel={fixture.location.replace('cutout', '')}
-                            />
-                          ) : (
-                            ''
-                          )
+                          <Flex minWidth="13.75rem">
+                            {fixture.location != null ? (
+                              <DeckInfoLabel
+                                deckLabel={fixture.location.replace(
+                                  'cutout',
+                                  ''
+                                )}
+                              />
+                            ) : (
+                              ''
+                            )}
+                          </Flex>
                         }
                         content={
                           <Flex