From a1a11b2bb8c0e90ce4a4a19fda5f4be15e23d6f3 Mon Sep 17 00:00:00 2001
From: XHamzaX <90039624+HamzaSwitch@users.noreply.github.com>
Date: Wed, 15 Apr 2026 10:42:20 +0100
Subject: [PATCH] fix: prevent OIDC button text overlap with 'last used'
 indicator (#7731)

Co-authored-by: Dhruwang <dhruwangjariwala18@gmail.com>
---
 apps/web/modules/ee/sso/components/open-id-button.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/web/modules/ee/sso/components/open-id-button.tsx b/apps/web/modules/ee/sso/components/open-id-button.tsx
index b34b13d53ba2..baf6dc418ea0 100644
--- a/apps/web/modules/ee/sso/components/open-id-button.tsx
+++ b/apps/web/modules/ee/sso/components/open-id-button.tsx
@@ -46,9 +46,9 @@ export const OpenIdButton = ({
       type="button"
       onClick={handleLogin}
       variant="secondary"
-      className="relative w-full justify-center">
-      {text ? text : t("auth.continue_with_openid")}
-      {lastUsed && <span className="absolute right-3 text-xs opacity-50">{t("auth.last_used")}</span>}
+      className="w-full items-center justify-center gap-2 px-2">
+      <span className="truncate">{text || t("auth.continue_with_openid")}</span>
+      {lastUsed && <span className="shrink-0 text-xs opacity-50">{t("auth.last_used")}</span>}
     </Button>
   );
 };