diff --git a/src/components/Expenses/ExpenseFilterPanel.jsx b/src/components/Expenses/ExpenseFilterPanel.jsx
index 84e6eb8c..5e415821 100644
--- a/src/components/Expenses/ExpenseFilterPanel.jsx
+++ b/src/components/Expenses/ExpenseFilterPanel.jsx
@@ -187,7 +187,7 @@ const ExpenseFilterPanel = ({ onApply, handleGroupBy }) => {
           <div className="d-flex justify-content-end py-3 gap-2">
             <button
               type="button"
-              className="btn btn-secondary btn-xs"
+              className="btn btn-label-secondary btn-xs"
               onClick={onClear}
             >
               Clear
diff --git a/src/components/Tenant/TenantFilterPanel.jsx b/src/components/Tenant/TenantFilterPanel.jsx
index 8815ff37..06f8ae01 100644
--- a/src/components/Tenant/TenantFilterPanel.jsx
+++ b/src/components/Tenant/TenantFilterPanel.jsx
@@ -106,7 +106,7 @@ const TenantFilterPanel = ({ onApply }) => {
         <div className="d-flex justify-content-end py-3 gap-2">
           <button
             type="button"
-            className="btn btn-secondary btn-xs"
+            className="btn btn-label-secondary btn-xs"
             onClick={onClear}
 
           >
diff --git a/src/components/common/FilterIcon.jsx b/src/components/common/FilterIcon.jsx
index b2322de1..0f938e1a 100644
--- a/src/components/common/FilterIcon.jsx
+++ b/src/components/common/FilterIcon.jsx
@@ -273,7 +273,7 @@ const FilterIcon = ({
           <li className="d-flex justify-content-end gap-2 px-2 mt-2 mb-2">
             <button
               type="button"
-              className="btn btn-secondary btn-sm py-0 px-2"
+              className="btn btn-label-secondary btn-sm py-0 px-2"
               onClick={clearAllFilters}
             >
               Clear