diff --git a/src/shared/ui/filter/button-groups.tsx b/src/shared/ui/filter/button-groups.tsx
index a51cb75..49a2b65 100644
--- a/src/shared/ui/filter/button-groups.tsx
+++ b/src/shared/ui/filter/button-groups.tsx
@@ -24,7 +24,7 @@ export const FilterButtonGroups = ({
             style={{ 
               width: `calc((100% - ${onwRowMaxBtn === 2? '10px': '30px'}) / ${onwRowMaxBtn})`,
               wordBreak: 'break-all',
-              fontSize: 'var(--fs-14)'
+              fontSize: 'var(--fs-13)'
             }}
             onClick={ () => setter(btnGroups[i]?.value || '') }
           >{ btnGroups[i]?.name }</span>
@@ -49,7 +49,7 @@ export const FilterButtonGroups = ({
                 visibility: 'hidden', 
                 width: `calc((100% - ${onwRowMaxBtn === 2? '10px': '30px'}) / ${onwRowMaxBtn})`,
                 wordBreak: 'break-all',
-                fontSize: 'var(--fs-14)'
+                fontSize: 'var(--fs-13)'
               }}
             ></span>
           );
diff --git a/src/shared/ui/filter/calendar-month.tsx b/src/shared/ui/filter/calendar-month.tsx
index b237eea..160df35 100644
--- a/src/shared/ui/filter/calendar-month.tsx
+++ b/src/shared/ui/filter/calendar-month.tsx
@@ -91,18 +91,22 @@ export const FilterCalendarMonth = ({
             <span
               className={ `keyword-tag ${(filterMonthOptionsBtn === FilterMonthOptions.Month1)? 'active': ''}` }
               onClick={ () => setFilterMonth(FilterMonthOptions.Month1) }
+              style={{ fontSize: 'var(--fs-13)' }}
             >{t('filter.periods.currentMonth')}</span>
             <span
               className={ `keyword-tag ${(filterMonthOptionsBtn === FilterMonthOptions.Month2)? 'active': ''}` }
               onClick={ () => setFilterMonth(FilterMonthOptions.Month2) }
+              style={{ fontSize: 'var(--fs-13)' }}
             >{t('filter.periods.2months')}</span>
             <span
               className={ `keyword-tag ${(filterMonthOptionsBtn === FilterMonthOptions.Month3)? 'active': ''}` }
               onClick={ () => setFilterMonth(FilterMonthOptions.Month3) }
+              style={{ fontSize: 'var(--fs-13)' }}
             >{t('filter.periods.3months')}</span>
             <span
               className={ `keyword-tag ${(filterMonthOptionsBtn === FilterMonthOptions.Input)? 'active': ''}` }
               onClick={ () => setFilterMonth(FilterMonthOptions.Input) }
+              style={{ fontSize: 'var(--fs-13)' }}
             >{t('filter.periods.custom')}</span>
           </div>
           <div className="range-row">
diff --git a/src/shared/ui/filter/calendar.tsx b/src/shared/ui/filter/calendar.tsx
index 222b72f..d065f70 100644
--- a/src/shared/ui/filter/calendar.tsx
+++ b/src/shared/ui/filter/calendar.tsx
@@ -114,18 +114,22 @@ export const FilterCalendar = ({
             <span
               className={ `keyword-tag ${(filterDateOptionsBtn === FilterDateOptions.Today)? 'active': ''}` }
               onClick={ () => setFilterDate(FilterDateOptions.Today) }
+              style={{ fontSize: 'var(--fs-13)' }}
             >{t('filter.periods.today')}</span>
             <span
               className={ `keyword-tag ${(filterDateOptionsBtn === FilterDateOptions.Week)? 'active': ''}` }
+              style={{ fontSize: 'var(--fs-13)' }}
               onClick={ () => setFilterDate(FilterDateOptions.Week) }
             >{t('filter.periods.week')}</span>
             <span
               className={ `keyword-tag ${(filterDateOptionsBtn === FilterDateOptions.Month)? 'active': ''}` }
               onClick={ () => setFilterDate(FilterDateOptions.Month) }
+              style={{ fontSize: 'var(--fs-13)' }}
             >{t('filter.periods.1month')}</span>
             <span
               className={ `keyword-tag ${(filterDateOptionsBtn === FilterDateOptions.Input)? 'active': ''}` }
               onClick={ () => setFilterDate(FilterDateOptions.Input) }
+              style={{ fontSize: 'var(--fs-13)' }}
             >{t('filter.periods.custom')}</span>
           </div>
           <div className="range-row">