From e63652e52b3e07c3deb05ec8d0ac28639fc0d353 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Filip=20Tron=C3=AD=C4=8Dek?= <filip@gitpod.io>
Date: Wed, 2 Oct 2024 08:49:17 +0200
Subject: [PATCH] Fix sidebar width on very wide displays (#20260)

---
 components/dashboard/src/Login.tsx | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/components/dashboard/src/Login.tsx b/components/dashboard/src/Login.tsx
index 093a5af6d938b4..511587c4027044 100644
--- a/components/dashboard/src/Login.tsx
+++ b/components/dashboard/src/Login.tsx
@@ -295,7 +295,7 @@ const LeftPanel = () => {
     const { isDark } = useTheme();
 
     return (
-        <div className="w-full lg:w-1/3 flex flex-col justify-between p-4 lg:p-10 lg:pb-2 min-h-screen">
+        <div className="w-full lg:w-1/3 lg:max-w-lg flex flex-col justify-between p-4 lg:p-10 lg:pb-2 min-h-screen">
             <div>
                 <div className="p-[1px] bg-gradient-to-b from-white to-[#ECE7E5] dark:from-gray-700 dark:to-gray-600 rounded-2xl justify-center items-center mb-8">
                     <div className="bg-[#F9F9F9B2] dark:bg-gray-800 w-full p-4 rounded-2xl border border-gray-100 dark:border-gray-700">
@@ -352,14 +352,16 @@ const LeftPanel = () => {
                         </li>
                     ))}
                 </ul>
-                <LinkButton
-                    variant="secondary"
-                    className="mt-8 mb-2 text-pk-content-primary bg-pk-surface-primary dark:bg-gray-700 dark:text-white w-full shadow font-medium"
-                    href="https://app.gitpod.io/login"
-                    isExternalUrl={true}
-                >
-                    Explore
-                </LinkButton>
+                <div className="flex w-full justify-center items-center mt-8 mb-2">
+                    <LinkButton
+                        variant="secondary"
+                        className="text-pk-content-primary bg-pk-surface-primary dark:bg-gray-700 dark:text-white w-full shadow font-medium"
+                        href="https://app.gitpod.io/login"
+                        isExternalUrl={true}
+                    >
+                        Explore
+                    </LinkButton>
+                </div>
             </div>
             <div className="justify-center items-center max-w-fit mx-auto flex flex-col pt-4">
                 <IconGitpodEngraved variant={isDark ? "dark" : "light"} className="shadow-engraving block h-6 w-6" />