From 9f867b79333eb55aef923ad02ed2ee29b617677b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Wed, 22 May 2024 13:51:16 -0500
Subject: [PATCH] feat: cleaner consumables border radius

---
 src/components/ConsumablesManager.tsx             | 2 ++
 src/components/ModuleButtons/ConsumableButton.tsx | 5 +++++
 2 files changed, 7 insertions(+)

diff --git a/src/components/ConsumablesManager.tsx b/src/components/ConsumablesManager.tsx
index 6daa17159..a9119731e 100644
--- a/src/components/ConsumablesManager.tsx
+++ b/src/components/ConsumablesManager.tsx
@@ -28,6 +28,8 @@ export function ConsumablesManager({
       wrap="wrap"
       style={{
         maxWidth: 288,
+        borderRadius: 4,
+        overflow: 'hidden',
       }}
     >
       {consumables.map((consumable, index) => {
diff --git a/src/components/ModuleButtons/ConsumableButton.tsx b/src/components/ModuleButtons/ConsumableButton.tsx
index 273e6ad73..950ccb8a2 100644
--- a/src/components/ModuleButtons/ConsumableButton.tsx
+++ b/src/components/ModuleButtons/ConsumableButton.tsx
@@ -23,6 +23,11 @@ export function ConsumableButton({
   return (
     <GenericTankComponentButton
       icon={asset(`icons/consumables/${consumable}.webp`)}
+      style={{
+        flex: 1,
+        minWidth: 'fit-content',
+        borderRadius: 0,
+      }}
       {...props}
     >
       {(cooldown || duration) && (