From 5eb7a496da077540f3b9cbebc2408b2679a16432 Mon Sep 17 00:00:00 2001
From: Abhishek Sharma <130081473+SkilledSparrow@users.noreply.github.com>
Date: Wed, 25 Jun 2025 00:20:17 +0530
Subject: [PATCH] fix: "Add ending" button ui distortion in safari browser
 (#6048)

---
 .../modules/survey/editor/components/add-ending-card-button.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/modules/survey/editor/components/add-ending-card-button.tsx b/apps/web/modules/survey/editor/components/add-ending-card-button.tsx
index 7959ccab79..3f30c81c26 100644
--- a/apps/web/modules/survey/editor/components/add-ending-card-button.tsx
+++ b/apps/web/modules/survey/editor/components/add-ending-card-button.tsx
@@ -13,7 +13,7 @@ export const AddEndingCardButton = ({ localSurvey, addEndingCard }: AddEndingCar
   const { t } = useTranslate();
   return (
     <button
-      className="group inline-flex rounded-lg border border-slate-300 bg-slate-50 hover:cursor-pointer hover:bg-white"
+      className="group inline-flex items-stretch rounded-lg border border-slate-300 bg-slate-50 hover:cursor-pointer hover:bg-white"
       onClick={() => addEndingCard(localSurvey.endings.length)}>
       <div className="flex w-10 items-center justify-center rounded-l-lg bg-slate-400 transition-all duration-300 ease-in-out group-hover:bg-slate-500 group-aria-expanded:rounded-bl-none group-aria-expanded:rounded-br">
         <PlusIcon className="h-6 w-6 text-white" />