increase horizontal page container padding

components/PageBodyContainer.tsx

@@ -2,7 +2,7 @@ import { PageBodyWrapper } from './styles'
 
 const PageBodyContainer = ({ children }) => (
   <PageBodyWrapper className="grid grid-cols-12 gap-4 pb-14">
-    <div className="col-span-12 px-4 xl:px-10 xl:col-span-12 2xl:col-start-2 2xl:col-span-10">
+    <div className="col-span-12 px-4 lg:px-10 xl:col-span-12 2xl:col-start-2 2xl:col-span-10">
       {children}
     </div>
   </PageBodyWrapper>

components/TopBar.tsx

@@ -20,7 +20,7 @@ const TopBar = () => {
   return (
     <>
       <nav className={`bg-th-bkg-2 border-b border-th-bkg-2`}>
-        <div className={`pl-2 md:px-4`}>
+        <div className={`pl-2 md:px-4 lg:px-10`}>
           <div className={`flex justify-between h-14`}>
             <div className={`flex`}>
               <Link href="/spot/BTC">