diff --git a/src/components/custom/_signup-public.js b/src/components/custom/_signup-public.js
index 18ab3913b06..39e3ddcab1a 100644
--- a/src/components/custom/_signup-public.js
+++ b/src/components/custom/_signup-public.js
@@ -6,7 +6,7 @@ import AgreementLabel from './_agreement-label'
 import { Input, Button } from 'components/form'
 import { Header, LinkText, QueryImage, Text } from 'components/elements'
 import { localize } from 'components/localization'
-import { Flex, Show, SectionContainer, Container } from 'components/containers'
+import { Flex, Show, Box, Container } from 'components/containers'
 import { deriv_app_url } from 'common/constants'
 import device from 'themes/device.js'
 // SVG
@@ -22,6 +22,16 @@ const query = graphql`
         }
     }
 `
+const StyledSectionContainer = styled(Box).attrs({ as: 'section' })`
+    width: 100%;
+    padding: 80px 0;
+    position: static;
+    background-color: var(--color-white);
+
+    @media ${device.tabletL} {
+        padding: 41px 0 40px;
+    }
+`
 const Wrapper = styled.div`
     border-radius: 8px;
     background-image: linear-gradient(73deg, #ff6444, #ff444f);
@@ -98,11 +108,13 @@ const BackgroundWrapper = styled(Flex)`
     }
 `
 const InputWrapper = styled.div`
-    width: 28rem;
+    width: 245px;
     line-height: 10px;
     font-weight: normal;
-    @media ${device.tabletL} {
-        margin-right: 1rem;
+    margin-right: 1rem;
+    @media ${device.mobileL} {
+        width: unset;
+        max-width: 191px;
     }
 `
 const InputGroup = styled.div`
@@ -338,7 +350,7 @@ const SignupPublic = ({
         setChecked(event.currentTarget.checked)
     }
     return (
-        <SectionContainer>
+        <StyledSectionContainer>
             <Show.Desktop>
                 <Container>
                     <Wrapper>
@@ -618,7 +630,7 @@ const SignupPublic = ({
                     </MobileWrapper>
                 </Container>
             </Show.Mobile>
-        </SectionContainer>
+        </StyledSectionContainer>
     )
 }
 
diff --git a/src/pages/home/_what-our-clients-say.js b/src/pages/home/_what-our-clients-say.js
index 2644f09c54c..10bce204ff0 100644
--- a/src/pages/home/_what-our-clients-say.js
+++ b/src/pages/home/_what-our-clients-say.js
@@ -7,13 +7,6 @@ import { localize, Localize } from 'components/localization'
 import device from 'themes/device'
 import { Container, SectionContainer, Flex } from 'components/containers'
 
-const StyledSection = styled(SectionContainer)`
-    @media ${device.tabletL} {
-        height: unset;
-        padding: 5rem 0;
-    }
-`
-
 const ClientCard = styled.article`
     width: 58.2rem;
     padding-top: 5.2rem;
@@ -21,7 +14,7 @@ const ClientCard = styled.article`
     overflow: hidden;
 
     @media ${device.tabletL} {
-        padding: 4rem;
+        padding: 4rem 4rem 0;
     }
 `
 
@@ -228,29 +221,27 @@ const WhatOurClientsSay = () => {
     }
 
     return (
-        <>
-            <StyledSection>
-                <Container direction="column">
-                    <Header align="center" as="h3" type="section-title">
-                        {localize('What our clients say about Deriv')}
-                    </Header>
-                </Container>
-                <Carousel has_autoplay autoplay_interval={6000} {...settings}>
-                    {our_client_slides.map((trader, idx) => (
-                        <div key={idx}>
-                            <ClientSlide
-                                key={trader.name}
-                                quote={trader.quote}
-                                name={trader.name}
-                                location={trader.location}
-                                img={data[trader.id]}
-                                img_alt={trader.name + localize(" - Deriv's Client")}
-                            />
-                        </div>
-                    ))}
-                </Carousel>
-            </StyledSection>
-        </>
+        <SectionContainer padding='5rem 0 0'>
+            <Container direction="column">
+                <Header align="center" as="h3" type="section-title">
+                    {localize('What our clients say about Deriv')}
+                </Header>
+            </Container>
+            <Carousel has_autoplay autoplay_interval={6000} {...settings}>
+                {our_client_slides.map((trader, idx) => (
+                    <div key={idx}>
+                        <ClientSlide
+                            key={trader.name}
+                            quote={trader.quote}
+                            name={trader.name}
+                            location={trader.location}
+                            img={data[trader.id]}
+                            img_alt={trader.name + localize(" - Deriv's Client")}
+                        />
+                    </div>
+                ))}
+            </Carousel>
+        </SectionContainer>
     )
 }