center withdraw button text

components/Layout.tsx

@@ -104,13 +104,13 @@ const Layout = ({ children }) => {
               {mangoAccount && canWithdraw && !isMobile ? (
                 <div className="flex space-x-2">
                   <Button
-                    className="h-8 w-24 pl-3 pr-3 text-xs"
+                    className="flex h-8 w-24 items-center justify-center pl-3 pr-3 text-xs"
                     onClick={() => setShowDepositModal(true)}
                   >
                     {t('deposit')}
                   </Button>
                   <Button
-                    className="h-8 w-24 border border-th-fgd-4 bg-transparent pl-3 pr-3 text-xs"
+                    className="flex h-8 w-24 items-center justify-center border border-th-fgd-4 bg-transparent pl-3 pr-3 text-xs"
                     onClick={() => setShowWithdrawModal(true)}
                   >
                     {t('withdraw')}

tailwind.config.js

@@ -112,7 +112,7 @@ module.exports = {
         'short-profit': "url('/share_images/bg-short-profit.png')",
       },
       screens: {
-        xl: '1536px',
+        xl: '1600px',
       },
     },
   },