From 579f2c923eca5259c6e9c1092a0ebc7465be3390 Mon Sep 17 00:00:00 2001
From: Jonas Hungershausen <jonas.hungershausen@ory.sh>
Date: Mon, 18 Nov 2024 15:06:27 +0100
Subject: [PATCH] fix: abbreviate currentIdentifierButton with ... if
 overflowing

---
 .../card/current-identifier-button.tsx        | 24 +++++++++----------
 1 file changed, 11 insertions(+), 13 deletions(-)

diff --git a/packages/elements-react/src/theme/default/components/card/current-identifier-button.tsx b/packages/elements-react/src/theme/default/components/card/current-identifier-button.tsx
index ea600bb5..c6f9b3e9 100644
--- a/packages/elements-react/src/theme/default/components/card/current-identifier-button.tsx
+++ b/packages/elements-react/src/theme/default/components/card/current-identifier-button.tsx
@@ -33,19 +33,17 @@ export function DefaultCurrentIdentifierButton() {
   ])
 
   return (
-    <div>
-      <a
-        className="cursor-pointer py-[5px] px-3 rounded-full border border-button-identifier-border-default bg-button-identifier-bg-default hover:border-button-identifier-border-hover hover:bg-button-identifier-bg-hover transition-colors inline-flex gap-1 items-center"
-        {...attributes}
-        href={initFlowUrl}
-        title={`Adjust ${nodeBackButton?.attributes.value}`}
-      >
-        <IconArrowLeft size={16} className="text-button-identifier-fg-subtle" />
-        <span className="text-sm font-medium text-button-identifier-fg-default text-ellipsis overflow-hidden text-nowrap">
-          {nodeBackButton?.attributes.value}
-        </span>
-      </a>
-    </div>
+    <a
+      className="cursor-pointer py-[5px] px-3 rounded-full border border-button-identifier-border-default bg-button-identifier-bg-default hover:border-button-identifier-border-hover hover:bg-button-identifier-bg-hover transition-colors inline-flex gap-1 items-center"
+      {...attributes}
+      href={initFlowUrl}
+      title={`Adjust ${nodeBackButton?.attributes.value}`}
+    >
+      <IconArrowLeft size={16} className="text-button-identifier-fg-subtle" />
+      <span className="text-sm font-medium text-button-identifier-fg-default text-ellipsis overflow-hidden text-nowrap">
+        {nodeBackButton?.attributes.value}
+      </span>
+    </a>
   )
 }