From e819615488dcd91352fda97a8a2429ae04532e98 Mon Sep 17 00:00:00 2001
From: fiona-deriv <fiona@deriv.com>
Date: Tue, 25 Jan 2022 17:49:46 +0200
Subject: [PATCH 1/3] add margin bottom in responsive mode

---
 src/pages/home/_what-our-clients-say.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/pages/home/_what-our-clients-say.js b/src/pages/home/_what-our-clients-say.js
index a76a39af928..b91eff33125 100644
--- a/src/pages/home/_what-our-clients-say.js
+++ b/src/pages/home/_what-our-clients-say.js
@@ -79,6 +79,7 @@ const ClientName = styled(Text)`
 
     @media ${device.tablet} {
         font-size: 14px;
+        margin-bottom: 8px;
     }
 `
 

From 0c81074e900f388c5750bd57f272878bdb1f2832 Mon Sep 17 00:00:00 2001
From: fiona-deriv <fiona@deriv.com>
Date: Mon, 14 Feb 2022 09:56:23 +0200
Subject: [PATCH 2/3] fix bug

---
 src/pages/home/_what-our-clients-say.js | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/pages/home/_what-our-clients-say.js b/src/pages/home/_what-our-clients-say.js
index b91eff33125..7867cf30730 100644
--- a/src/pages/home/_what-our-clients-say.js
+++ b/src/pages/home/_what-our-clients-say.js
@@ -66,7 +66,7 @@ const QuoteIcon = styled.img`
 `
 
 const ClientTestimonial = styled(Text)`
-    margin-bottom: 40px;
+    margin-bottom: 45px;
 
     @media ${device.tablet} {
         font-size: 18px;
@@ -79,7 +79,6 @@ const ClientName = styled(Text)`
 
     @media ${device.tablet} {
         font-size: 14px;
-        margin-bottom: 8px;
     }
 `
 

From 8c41aed52a7b50083e30c54cb8bbd3b07f4e7d4a Mon Sep 17 00:00:00 2001
From: fiona-deriv <fiona@deriv.com>
Date: Mon, 14 Feb 2022 12:15:15 +0200
Subject: [PATCH 3/3] increase the value of margin bottom

---
 src/pages/home/_testimonial-carousel.js | 4 ----
 src/pages/home/_what-our-clients-say.js | 3 +--
 2 files changed, 1 insertion(+), 6 deletions(-)

diff --git a/src/pages/home/_testimonial-carousel.js b/src/pages/home/_testimonial-carousel.js
index 88f9fac4cd8..2718c94561f 100644
--- a/src/pages/home/_testimonial-carousel.js
+++ b/src/pages/home/_testimonial-carousel.js
@@ -23,10 +23,6 @@ const FlexiItem = styled(Flex)`
 
     .flexi-item {
         margin-bottom: 0;
-
-        @media ${device.tablet} {
-            margin-bottom: 20px;
-        }
     }
 `
 
diff --git a/src/pages/home/_what-our-clients-say.js b/src/pages/home/_what-our-clients-say.js
index 7867cf30730..efdecd9b0c5 100644
--- a/src/pages/home/_what-our-clients-say.js
+++ b/src/pages/home/_what-our-clients-say.js
@@ -66,7 +66,7 @@ const QuoteIcon = styled.img`
 `
 
 const ClientTestimonial = styled(Text)`
-    margin-bottom: 45px;
+    margin-bottom: 48px;
 
     @media ${device.tablet} {
         font-size: 18px;
@@ -75,7 +75,6 @@ const ClientTestimonial = styled(Text)`
 
 const ClientName = styled(Text)`
     color: var(--color-black-3);
-    margin-bottom: 5px;
 
     @media ${device.tablet} {
         font-size: 14px;