From 0a0b56b13dd38a954a33d4850b46508101f83911 Mon Sep 17 00:00:00 2001
From: Vignesh Mohankumar <vignesh@vigneshmohankumar.com>
Date: Thu, 8 Dec 2022 22:29:41 -0500
Subject: [PATCH] fix: center the subtext by using a container (#5599)

---
 src/pages/Landing/index.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/pages/Landing/index.tsx b/src/pages/Landing/index.tsx
index 8c4f5d97ab..93d37cfe23 100644
--- a/src/pages/Landing/index.tsx
+++ b/src/pages/Landing/index.tsx
@@ -73,6 +73,11 @@ const SubText = styled.h3`
   }
 `
 
+const SubTextContainer = styled.div`
+  display: flex;
+  justify-content: center;
+`
+
 const CTAButton = styled(BaseButton)`
   padding: 16px;
   border-radius: 24px;
@@ -151,7 +156,9 @@ export default function Landing() {
       <PageWrapper isDarkMode={isDarkMode}>
         <TitleWrapper>
           <TitleText isDarkMode={isDarkMode}>Trade crypto & NFTs with confidence.</TitleText>
-          <SubText>Uniswap is the best way to buy, sell, and manage your tokens and NFTs.</SubText>
+          <SubTextContainer>
+            <SubText>Uniswap is the best way to buy, sell, and manage your tokens and NFTs.</SubText>
+          </SubTextContainer>
         </TitleWrapper>
         <ActionsWrapper>
           <ButtonCTA as={Link} to="/swap">