From 48867a847c1d6287b892f6321c6f88e241be4efb Mon Sep 17 00:00:00 2001
From: Keannu Bernasol <noehbernasol0@gmail.com>
Date: Sat, 2 Dec 2023 23:55:55 +0800
Subject: [PATCH] Change popup sizing to rem

---
 .../EquipmentInstancesListPage/EquipmentInstancesListPage.tsx  | 3 ++-
 src/Pages/EquipmentListPage/EquipmentListPage.tsx              | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/Pages/EquipmentInstancesListPage/EquipmentInstancesListPage.tsx b/src/Pages/EquipmentInstancesListPage/EquipmentInstancesListPage.tsx
index 94425a3..0f6d0f9 100644
--- a/src/Pages/EquipmentInstancesListPage/EquipmentInstancesListPage.tsx
+++ b/src/Pages/EquipmentInstancesListPage/EquipmentInstancesListPage.tsx
@@ -141,7 +141,7 @@ export default function EquipmentInstancesListPage() {
         modal
         position={"top center"}
         contentStyle={{
-          width: "512px",
+          width: "32rem",
           borderRadius: 16,
           borderColor: "grey",
           borderStyle: "solid",
@@ -150,6 +150,7 @@ export default function EquipmentInstancesListPage() {
           alignContent: "center",
           justifyContent: "center",
           textAlign: "center",
+          flexWrap: "wrap",
         }}
       >
         <EditItemModal id={selectedItem} setOpen={SetEditModalOpen} />
diff --git a/src/Pages/EquipmentListPage/EquipmentListPage.tsx b/src/Pages/EquipmentListPage/EquipmentListPage.tsx
index c7576a2..d0a6875 100644
--- a/src/Pages/EquipmentListPage/EquipmentListPage.tsx
+++ b/src/Pages/EquipmentListPage/EquipmentListPage.tsx
@@ -141,7 +141,7 @@ export default function EquipmentListPage() {
         modal
         position={"top center"}
         contentStyle={{
-          width: "512px",
+          width: "32rem",
           borderRadius: 16,
           borderColor: "grey",
           borderStyle: "solid",
@@ -150,6 +150,7 @@ export default function EquipmentListPage() {
           alignContent: "center",
           justifyContent: "center",
           textAlign: "center",
+          flexWrap: "wrap",
         }}
       >
         <EditSKUModal id={selectedItem} setOpen={SetEditModalOpen} />