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-label-secondary btn-xs"
+              className="btn btn-secondary btn-xs"
               onClick={onClear}
             >
               Clear

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-label-secondary btn-xs"
+            className="btn btn-secondary btn-xs"
             onClick={onClear}
 
           >

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-label-secondary btn-sm py-0 px-2"
+              className="btn btn-secondary btn-sm py-0 px-2"
               onClick={clearAllFilters}
             >
               Clear