diff --git a/src/index.scss b/src/index.scss
index 5bceca58..01e8ffde 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -27,6 +27,11 @@ $infostand-zindex: 30;
 $chat-zindex: 20;
 $highscore-zindex: 19;
 
+$grid-bg-color: #CDD3D9;
+$grid-border-color: $muted;
+$grid-active-bg-color: #ECECEC;
+$grid-active-border-color: $white;
+
 @import './utils/Styles';
 @import './App';
 @import './hooks/Styles';
diff --git a/src/views/inventory/views/badge/InventoryBadgeView.tsx b/src/views/inventory/views/badge/InventoryBadgeView.tsx
index 6dc21ff7..4f0eeaf4 100644
--- a/src/views/inventory/views/badge/InventoryBadgeView.tsx
+++ b/src/views/inventory/views/badge/InventoryBadgeView.tsx
@@ -78,7 +78,7 @@ export const InventoryBadgeView: FC<InventoryBadgeViewProps> = props =>
         <>
             <div className="row">
                 <div className="col-7">
-                    <InventoryBadgeResultsView badges={ badges } activeBadges={ activeBadges } cols={ 5 }  />
+                    <InventoryBadgeResultsView badges={ badges } activeBadges={ activeBadges }  />
                 </div>
                 <div className="col-5">
                     <p className="mb-1 text-black">{ LocalizeText('inventory.badges.activebadges') }</p>
diff --git a/src/views/inventory/views/badge/item/InventoryBadgeItemView.scss b/src/views/inventory/views/badge/item/InventoryBadgeItemView.scss
index cab746cb..07127abd 100644
--- a/src/views/inventory/views/badge/item/InventoryBadgeItemView.scss
+++ b/src/views/inventory/views/badge/item/InventoryBadgeItemView.scss
@@ -5,13 +5,13 @@
     .inventory-badge-item {
         width: 100%;
         height: 100%;
-        border-color: $muted !important;
-        background-color: #CDD3D9;
+        border-color: $grid-border-color !important;
+        background-color: $grid-bg-color;
         overflow: hidden;
     
         &.active {
             border-color: $white !important;
-            background-color: #ECECEC;
+            background-color: $grid-active-border-color;
         }
     }
 }
diff --git a/src/views/inventory/views/bot/item/InventoryBotItemView.scss b/src/views/inventory/views/bot/item/InventoryBotItemView.scss
index 6dd56fb2..832a94dd 100644
--- a/src/views/inventory/views/bot/item/InventoryBotItemView.scss
+++ b/src/views/inventory/views/bot/item/InventoryBotItemView.scss
@@ -5,13 +5,13 @@
     .inventory-bot-item {
         width: 100%;
         height: 100%;
-        border-color: $muted !important;
-        background-color: #CDD3D9;
+        border-color: $grid-border-color !important;
+        background-color: $grid-bg-color;
         overflow: hidden;
     
         &.active {
             border-color: $white !important;
-            background-color: #ECECEC;
+            background-color: $grid-active-border-color;
         }
 
         .avatar-image {
diff --git a/src/views/inventory/views/furniture/item/InventoryFurnitureItemView.scss b/src/views/inventory/views/furniture/item/InventoryFurnitureItemView.scss
index 46f937a1..cdbd8dae 100644
--- a/src/views/inventory/views/furniture/item/InventoryFurnitureItemView.scss
+++ b/src/views/inventory/views/furniture/item/InventoryFurnitureItemView.scss
@@ -5,15 +5,15 @@
     .inventory-furniture-item {
         width: 100%;
         height: 100%;
+        border-color: $grid-border-color !important;
+        background-color: $grid-bg-color;
         background-position: center;
         background-repeat: no-repeat;
-        border-color: $muted !important;
-        background-color: #CDD3D9;
         overflow: hidden;
     
         &.active {
             border-color: $white !important;
-            background-color: #ECECEC;
+            background-color: $grid-active-border-color;
         }
     
         .badge {
diff --git a/src/views/inventory/views/pet/item/InventoryPetItemView.scss b/src/views/inventory/views/pet/item/InventoryPetItemView.scss
index 43c9dc93..a0dd21b7 100644
--- a/src/views/inventory/views/pet/item/InventoryPetItemView.scss
+++ b/src/views/inventory/views/pet/item/InventoryPetItemView.scss
@@ -5,13 +5,13 @@
     .inventory-pet-item {
         width: 100%;
         height: 100%;
-        border-color: $muted !important;
-        background-color: #CDD3D9;
+        border-color: $grid-border-color !important;
+        background-color: $grid-bg-color;
         overflow: hidden;
     
         &.active {
             border-color: $white !important;
-            background-color: #ECECEC;
+            background-color: $grid-active-border-color;
         }
     }
 }