update: centering dots

internxt · Dec 23, 2024 · 17e4477 · 17e4477
1 parent 0c6a365
commit 17e4477
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/src/components/business/TestimonialsSectionForBusiness.tsx b/src/components/business/TestimonialsSectionForBusiness.tsx
@@ -94,8 +94,8 @@ export const TestimonialsSectionForBusiness = ({ textContent }: TestimonialsSect
           <div className="flex items-center justify-center space-x-2 text-center">
             <button onClick={onLeftMobileArrowClick} className="flex items-center">
               <CaretLeft size={24} />
-              <DotsThree size={24} />
             </button>
+            <DotsThree size={24} />
             <button onClick={onRightMobileArrowClick} className="flex items-center">
               <CaretRight size={24} />
             </button>

diff --git a/src/components/business/WhatCanWeDo.tsx b/src/components/business/WhatCanWeDo.tsx
@@ -105,10 +105,12 @@ export const WhatCanWeDo = ({ textContent }: WhatCanWeDoProps): JSX.Element => {
 
                   <div className="flex flex-row items-center justify-center space-x-2 py-4">
                     {selectedTab !== 0 && (
-                      <button onClick={onLeftArrowClick} className="flex items-center text-white">
-                        <CaretLeft size={24} />
-                        <DotsThree size={24} />
-                      </button>
+                      <>
+                        <button onClick={onLeftArrowClick} className="flex items-center text-white">
+                          <CaretLeft size={24} />
+                        </button>
+                        <DotsThree size={24} className="text-white"></DotsThree>
+                      </>
                     )}
 
                     <button