diff --git a/frontend/src/pages/Deal.vue b/frontend/src/pages/Deal.vue
index e610b581..fa64ef71 100644
--- a/frontend/src/pages/Deal.vue
+++ b/frontend/src/pages/Deal.vue
@@ -19,10 +19,7 @@
       </Autocomplete>
       <Dropdown :options="statusDropdownOptions(deal.data, 'deal', updateDeal)">
         <template #default="{ open }">
-          <Button
-            :label="deal.data.deal_status"
-            :class="dealStatuses[deal.data.deal_status].bgColor"
-          >
+          <Button :label="deal.data.deal_status">
             <template #prefix>
               <IndicatorIcon
                 :class="dealStatuses[deal.data.deal_status].color"
diff --git a/frontend/src/pages/Lead.vue b/frontend/src/pages/Lead.vue
index 4b92a85d..103958b0 100644
--- a/frontend/src/pages/Lead.vue
+++ b/frontend/src/pages/Lead.vue
@@ -19,10 +19,7 @@
       </Autocomplete>
       <Dropdown :options="statusDropdownOptions(lead.data, 'lead', updateLead)">
         <template #default="{ open }">
-          <Button
-            :label="lead.data.status"
-            :class="leadStatuses[lead.data.status].bgColor"
-          >
+          <Button :label="lead.data.status">
             <template #prefix>
               <IndicatorIcon :class="leadStatuses[lead.data.status].color" />
             </template>
diff --git a/frontend/src/utils.js b/frontend/src/utils.js
index eac11ce7..0200056a 100644
--- a/frontend/src/utils.js
+++ b/frontend/src/utils.js
@@ -22,58 +22,49 @@ export function timeAgo(date) {
 export const dateTooltipFormat = 'ddd, MMM D, YYYY h:mm A'
 
 export const leadStatuses = {
-  Open: { label: 'Open', color: '!text-gray-600', bgColor: '!bg-gray-200' },
+  Open: { label: 'Open', color: '!text-gray-600' },
   Contacted: {
     label: 'Contacted',
     color: '!text-orange-600',
-    bgColor: '!bg-orange-200',
   },
   Nurture: {
     label: 'Nurture',
     color: '!text-blue-600',
-    bgColor: '!bg-blue-200',
   },
   Qualified: {
     label: 'Qualified',
     color: '!text-green-600',
-    bgColor: '!bg-green-200',
   },
   Unqualified: {
     label: 'Unqualified',
     color: '!text-red-600',
-    bgColor: '!bg-red-200',
   },
-  Junk: { label: 'Junk', color: '!text-purple-600', bgColor: '!bg-purple-200' },
+  Junk: { label: 'Junk', color: '!text-purple-600' },
 }
 
 export const dealStatuses = {
   Qualification: {
     label: 'Qualification',
     color: '!text-gray-600',
-    bgColor: '!bg-gray-200',
   },
   'Demo/Making': {
     label: 'Demo/Making',
     color: '!text-orange-600',
-    bgColor: '!bg-orange-200',
   },
   'Proposal/Quotation': {
     label: 'Proposal/Quotation',
     color: '!text-blue-600',
-    bgColor: '!bg-blue-200',
   },
   Negotiation: {
     label: 'Negotiation',
     color: '!text-yellow-600',
-    bgColor: '!bg-yellow-100',
   },
   'Ready to Close': {
     label: 'Ready to Close',
     color: '!text-purple-600',
-    bgColor: '!bg-purple-200',
   },
-  Won: { label: 'Won', color: '!text-green-600', bgColor: '!bg-green-200' },
-  Lost: { label: 'Lost', color: '!text-red-600', bgColor: '!bg-red-200' },
+  Won: { label: 'Won', color: '!text-green-600' },
+  Lost: { label: 'Lost', color: '!text-red-600' },
 }
 
 export function statusDropdownOptions(data, doctype, action) {