From a43a24bb3990147914f04e5fb8a3795d358ebf13 Mon Sep 17 00:00:00 2001
From: DDeviak <117632082+DDeviak@users.noreply.github.com>
Date: Wed, 7 Aug 2024 12:46:40 +0300
Subject: [PATCH 1/2] chore: Fixed overflow issue in team members slider

---
 src/features/AboutUsPage/TeamMembers/TeamMembers.component.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/features/AboutUsPage/TeamMembers/TeamMembers.component.scss b/src/features/AboutUsPage/TeamMembers/TeamMembers.component.scss
index d112fe552..06fcf6117 100644
--- a/src/features/AboutUsPage/TeamMembers/TeamMembers.component.scss
+++ b/src/features/AboutUsPage/TeamMembers/TeamMembers.component.scss
@@ -60,6 +60,7 @@
 }
 .teamMembersSlider {
     .swiper {
+        overflow: visible;
         padding: f.pxToRem(30px) 0;
         .swiper-slide{
             width: fit-content;

From 775791d5017b5cc39fb5689a81f705a71fe127c8 Mon Sep 17 00:00:00 2001
From: DDeviak <117632082+DDeviak@users.noreply.github.com>
Date: Wed, 7 Aug 2024 16:02:11 +0300
Subject: [PATCH 2/2] feat: Added navigation dots to TeamMembers swiper

---
 .../TeamMembers/TeamMembers.component.scss    | 19 ++++++++++++++++---
 .../TeamMembersSlider.component.tsx           |  1 +
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/features/AboutUsPage/TeamMembers/TeamMembers.component.scss b/src/features/AboutUsPage/TeamMembers/TeamMembers.component.scss
index 06fcf6117..4c9daca47 100644
--- a/src/features/AboutUsPage/TeamMembers/TeamMembers.component.scss
+++ b/src/features/AboutUsPage/TeamMembers/TeamMembers.component.scss
@@ -44,7 +44,7 @@
     transition: .5s;
     filter: c.$active-arrow-filter-color;
     &:hover {
-      filter: c.$selected-arrow-filter-color;
+        filter: c.$selected-arrow-filter-color;
     }
 }
 
@@ -66,6 +66,19 @@
             width: fit-content;
             height: auto;
         }
-    }
-}
 
+        .swiper-pagination {
+            bottom: 0;
+            .swiper-pagination-bullet {
+                @include mut.sized(8px, 8px);
+                background: c.$slider-base-dot-color;
+                border-radius: 0%;
+                transition: .5s;
+            }
+
+            .swiper-pagination-bullet-active {
+                background: c.$dark-red-color;
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/features/AboutUsPage/TeamMembers/TeamPositionsSlider/TeamMembersSlider.component.tsx b/src/features/AboutUsPage/TeamMembers/TeamPositionsSlider/TeamMembersSlider.component.tsx
index d3f18abed..91d8a5b6f 100644
--- a/src/features/AboutUsPage/TeamMembers/TeamPositionsSlider/TeamMembersSlider.component.tsx
+++ b/src/features/AboutUsPage/TeamMembers/TeamPositionsSlider/TeamMembersSlider.component.tsx
@@ -23,6 +23,7 @@ const TeamMemberSlider: React.FC<TeamMemberSliderProps> = ({ team }) => {
                             spaceBetween={20}
                             slideToClickedSlide
                             loop
+                            pagination={{ clickable: true,  }}
                         >
                             {
                                 team.map((member) => (