diff --git a/app/src/WardrobePage.js b/app/src/WardrobePage.js
index 760e1ea..2e569f1 100644
--- a/app/src/WardrobePage.js
+++ b/app/src/WardrobePage.js
@@ -192,10 +192,10 @@ function ItemsPanel({ zonesAndItems, onWearItem }) {
       <Stack spacing="10">
         {zonesAndItems.map(({ zoneName, items, wornItemId }) => (
           <Box key={zoneName}>
-            <ItemsForZone
-              zoneName={zoneName}
+            <Heading2 mb="3">{zoneName}</Heading2>
+            <ItemList
               items={items}
-              wornItemId={wornItemId}
+              wornItemIds={[wornItemId]}
               onWearItem={onWearItem}
             />
           </Box>
@@ -240,19 +240,6 @@ function OutfitHeading() {
   );
 }
 
-function ItemsForZone({ zoneName, items, wornItemId, onWearItem }) {
-  return (
-    <Box>
-      <Heading2 mb="3">{zoneName}</Heading2>
-      <ItemList
-        items={items}
-        wornItemIds={[wornItemId]}
-        onWearItem={onWearItem}
-      />
-    </Box>
-  );
-}
-
 function Heading1({ children, ...props }) {
   return (
     <Heading fontFamily="Delicious" fontWeight="800" size="2xl" {...props}>