diff --git a/src/components/Layout/MainLayout.tsx b/src/components/Layout/MainLayout.tsx
index 9a648baf9..8af29ae08 100644
--- a/src/components/Layout/MainLayout.tsx
+++ b/src/components/Layout/MainLayout.tsx
@@ -38,11 +38,11 @@ const MainLayout: React.FC<MainLayoutProps> = ({
       <div
         vaul-drawer-wrapper=""
         className={clsx(
-          'bg-background mx-auto flex h-full w-full flex-col lg:max-w-3xl lg:flex-row',
+          'bg-background flex h-full w-full flex-col lg:grid lg:grid-cols-3',
           hideAppBar ? '' : '',
         )}
       >
-        <nav className="item-center -ml-[170px] hidden w-[170px] px-4 py-4 lg:flex lg:flex-col lg:gap-2">
+        <nav className="item-center hidden px-4 py-4 lg:flex lg:flex-col lg:gap-2 lg:justify-self-end">
           <Link href="/balances" className="mb-8 flex items-center gap-2">
             <span className="text-xl font-medium">
               {t?.('meta.application_name') ?? 'SplitPro'}