diff --git a/src/app/auth/layout.tsx b/src/app/auth/layout.tsx
index 47cd7944..70439824 100644
--- a/src/app/auth/layout.tsx
+++ b/src/app/auth/layout.tsx
@@ -45,7 +45,7 @@ export default async function AuthLayout({ children }: AuthLayoutProps) {
                 <ThemeSwitcher />
             </div>
 
-            <div className="flex-1 flex items-center justify-center">
+            <div className="flex-1 flex md:items-center justify-center">
                 <div className="w-full max-w-md p-3">{children}</div>
             </div>
 
diff --git a/src/components/LayoutSidebar.tsx b/src/components/LayoutSidebar.tsx
index 7371a5ef..480c8b83 100644
--- a/src/components/LayoutSidebar.tsx
+++ b/src/components/LayoutSidebar.tsx
@@ -158,8 +158,10 @@ export function LayoutSidebar({
                 </div>
             </div>
 
-            <div className="p-4 flex flex-col gap-4 shrink-0">
-                <ProductUpdates isCollapsed={isSidebarCollapsed} />
+            <div className="p-4 flex flex-col shrink-0">
+                <div className="mb-3">
+                    <ProductUpdates isCollapsed={isSidebarCollapsed} />
+                </div>
 
                 {build === "enterprise" && (
                     <div className="mb-3">