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) && (