From c335bdafd2d49c4a69f07d67daa299edc9934fbc Mon Sep 17 00:00:00 2001
From: Sara Vieira <hey@iamsaravieira.com>
Date: Tue, 5 Jul 2022 19:07:40 +0200
Subject: [PATCH] fix if statement

---
 app/auth/components/login-button.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/app/auth/components/login-button.tsx b/app/auth/components/login-button.tsx
index 185f231274..a7899ae05b 100644
--- a/app/auth/components/login-button.tsx
+++ b/app/auth/components/login-button.tsx
@@ -15,16 +15,17 @@ export const LoginButton = ({
   onClick?: () => void;
   enabled: boolean;
 }) => {
-  const showTooltip =
-    (isPreviewEnvironment || enabled === false) && isDevLogin === false;
+  const isSocialLoginInPreviewEnvironment =
+    isPreviewEnvironment && isDevLogin === false;
+  const showTooltip = isSocialLoginInPreviewEnvironment || enabled === false;
   if (showTooltip) {
-    const content = isPreviewEnvironment
+    const content = isSocialLoginInPreviewEnvironment
       ? "Social login does not work in preview deployments"
       : "This login is not configured";
 
     return (
       <Tooltip content={content} delayDuration={0}>
-        <span tabIndex={0}>
+        <span tabIndex={0} style={{ width: "100%" }}>
           <Button
             {...props}
             css={{ width: "100%" }}