diff --git a/apps/trading/client-pages/markets/mobile-buttons.tsx b/apps/trading/client-pages/markets/mobile-buttons.tsx
index 3693cc9c7..4e3118235 100644
--- a/apps/trading/client-pages/markets/mobile-buttons.tsx
+++ b/apps/trading/client-pages/markets/mobile-buttons.tsx
@@ -45,40 +45,41 @@ export const MarketsMobileSidebar = () => {
         element={
           <>
             <ViewInitializer />
-            {!pubKeys || isReadOnly ? (
-              <>
-                <TradingButton
-                  intent={Intent.Primary}
-                  size="medium"
-                  onClick={() => {
-                    // onClick?.();
-                    openVegaWalletDialog();
-                  }}
-                >
-                  {t('Connect')}
-                </TradingButton>
-                <MobileButton
-                  view={ViewType.Order}
-                  tooltip={t('Trade')}
-                  routeId={currentRouteId}
-                />
-                <MobileBarActionsDropdown currentRouteId={currentRouteId} />
-              </>
-            ) : (
-              <>
-                <MobileButton
-                  view={ViewType.Order}
-                  tooltip={t('Trade')}
-                  routeId={currentRouteId}
-                />
-                <MobileButton
-                  view={ViewType.Deposit}
-                  tooltip={t('Deposit')}
-                  routeId={currentRouteId}
-                />
-                <MobileBarActionsDropdown currentRouteId={currentRouteId} />
-              </>
-            )}
+            <div className="grid grid-cols-3 grow md:grow-0 md:flex lg:flex-col items-center gap-2 lg:gap-4 p-1">
+              {!pubKeys || isReadOnly ? (
+                <>
+                  <TradingButton
+                    intent={Intent.Primary}
+                    size="medium"
+                    onClick={() => {
+                      openVegaWalletDialog();
+                    }}
+                  >
+                    {t('Connect')}
+                  </TradingButton>
+                  <MobileButton
+                    view={ViewType.Order}
+                    tooltip={t('Trade')}
+                    routeId={currentRouteId}
+                  />
+                  <MobileBarActionsDropdown currentRouteId={currentRouteId} />
+                </>
+              ) : (
+                <>
+                  <MobileButton
+                    view={ViewType.Order}
+                    tooltip={t('Trade')}
+                    routeId={currentRouteId}
+                  />
+                  <MobileButton
+                    view={ViewType.Deposit}
+                    tooltip={t('Deposit')}
+                    routeId={currentRouteId}
+                  />
+                  <MobileBarActionsDropdown currentRouteId={currentRouteId} />
+                </>
+              )}
+            </div>
           </>
         }
       />
diff --git a/apps/trading/components/sidebar/sidebar.tsx b/apps/trading/components/sidebar/sidebar.tsx
index 50ccb8f37..0f9db4f60 100644
--- a/apps/trading/components/sidebar/sidebar.tsx
+++ b/apps/trading/components/sidebar/sidebar.tsx
@@ -71,14 +71,7 @@ export const Sidebar = ({ options }: { options?: ReactNode }) => {
   return (
     <div className="flex h-full lg:flex-col gap-1" data-testid="sidebar">
       {options && (
-        <nav
-          className={classNames(
-            navClasses,
-            'grid grid-cols-3 grow md:grow-0 md:flex lg:flex-col pl-2'
-          )}
-        >
-          {options}
-        </nav>
+        <nav className={classNames(navClasses, 'flex grow')}>{options}</nav>
       )}
       <nav
         className={classNames(