From 7ae69f5a6fb4bc2a64a75626a757ab17f64bb0cd Mon Sep 17 00:00:00 2001
From: Siarhei Iukou <siarhei_iukou@epam.com>
Date: Mon, 23 Sep 2024 12:36:15 +0300
Subject: [PATCH] EPMRPP-94577 || fix font sizes for pagination

---
 src/components/pagination/itemsCounter/itemCounter.module.scss | 3 +++
 .../pagination/pageControls/activePage/activePage.module.scss  | 3 ++-
 .../pagination/pageControls/pageControls.module.scss           | 3 +++
 .../pagination/pageSizeControl/pageSizeControl.module.scss     | 3 ++-
 4 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/pagination/itemsCounter/itemCounter.module.scss b/src/components/pagination/itemsCounter/itemCounter.module.scss
index 9990b5e..9fae4e6 100644
--- a/src/components/pagination/itemsCounter/itemCounter.module.scss
+++ b/src/components/pagination/itemsCounter/itemCounter.module.scss
@@ -1,7 +1,10 @@
+@import 'src/assets/styles/mixins/font-scale';
+
 .item-counter {
   display: inline-block;
   width: 200px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  @include font-scale();
 }
diff --git a/src/components/pagination/pageControls/activePage/activePage.module.scss b/src/components/pagination/pageControls/activePage/activePage.module.scss
index 8462714..6d48b50 100644
--- a/src/components/pagination/pageControls/activePage/activePage.module.scss
+++ b/src/components/pagination/pageControls/activePage/activePage.module.scss
@@ -8,6 +8,7 @@
   text-overflow: ellipsis;
   white-space: nowrap;
   text-align: right;
+  @include font-scale();
 }
 
 .page-selector {
@@ -17,5 +18,5 @@
 .page-selector-button {
   margin-left: 4px;
   font-weight: $fw-bold;
-  @include font-scale('s-small');
+  @include font-scale();
 }
diff --git a/src/components/pagination/pageControls/pageControls.module.scss b/src/components/pagination/pageControls/pageControls.module.scss
index 97fd2e3..302be99 100644
--- a/src/components/pagination/pageControls/pageControls.module.scss
+++ b/src/components/pagination/pageControls/pageControls.module.scss
@@ -1,3 +1,5 @@
+@import 'src/assets/styles/mixins/font-scale';
+
 .page-controls {
   display: flex;
   flex-direction: row;
@@ -12,4 +14,5 @@
   text-overflow: ellipsis;
   white-space: nowrap;
   text-align: left;
+  @include font-scale();
 }
diff --git a/src/components/pagination/pageSizeControl/pageSizeControl.module.scss b/src/components/pagination/pageSizeControl/pageSizeControl.module.scss
index 2439c0e..6b99893 100644
--- a/src/components/pagination/pageSizeControl/pageSizeControl.module.scss
+++ b/src/components/pagination/pageSizeControl/pageSizeControl.module.scss
@@ -8,10 +8,11 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  @include font-scale();
 }
 
 .size-selector-button {
   margin-right: 4px;
   font-weight: $fw-bold;
-  @include font-scale('s-small');
+  @include font-scale();
 }