From 127f65c98b7f7d900798de66cb2d1bccc3e7ea63 Mon Sep 17 00:00:00 2001
From: Bruno Quaresma <bruno@coder.com>
Date: Thu, 5 Oct 2023 19:44:53 -0300
Subject: [PATCH] fix(site): fix logo width on sign in (#10091)

---
 site/src/pages/LoginPage/LoginPageView.tsx | 21 +++++++++++----------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/site/src/pages/LoginPage/LoginPageView.tsx b/site/src/pages/LoginPage/LoginPageView.tsx
index 474b03339f..65faa524cd 100644
--- a/site/src/pages/LoginPage/LoginPageView.tsx
+++ b/site/src/pages/LoginPage/LoginPageView.tsx
@@ -32,16 +32,17 @@ export const LoginPageView: FC<LoginPageViewProps> = ({
   const applicationName = getApplicationName();
   const logoURL = getLogoURL();
   const applicationLogo = logoURL ? (
-    <div>
-      <img
-        alt={applicationName}
-        src={logoURL}
-        // This prevent browser to display the ugly error icon if the
-        // image path is wrong or user didn't finish typing the url
-        onError={(e) => (e.currentTarget.style.display = "none")}
-        onLoad={(e) => (e.currentTarget.style.display = "inline")}
-      />
-    </div>
+    <img
+      alt={applicationName}
+      src={logoURL}
+      // This prevent browser to display the ugly error icon if the
+      // image path is wrong or user didn't finish typing the url
+      onError={(e) => (e.currentTarget.style.display = "none")}
+      onLoad={(e) => (e.currentTarget.style.display = "inline")}
+      css={{
+        maxWidth: "200px",
+      }}
+    />
   ) : (
     <CoderIcon fill="white" opacity={1} className={styles.icon} />
   );