diff --git a/src/components/ConsumablesManager.tsx b/src/components/ConsumablesManager.tsx
index df2636477..e3bfc3b92 100644
--- a/src/components/ConsumablesManager.tsx
+++ b/src/components/ConsumablesManager.tsx
@@ -27,7 +27,7 @@ export function ConsumablesManager({
     <Flex
       wrap="wrap"
       style={{
-        maxWidth: 360,
+        maxWidth: 288,
       }}
     >
       {consumables.map((consumable, index) => {