From 717b30115bc4ecee7813527c32a6fb9dd409b8d1 Mon Sep 17 00:00:00 2001
From: Johannes <72809645+jobenjada@users.noreply.github.com>
Date: Fri, 27 Jun 2025 07:20:52 -0700
Subject: [PATCH] fix: align settings card height plus border radius (#6119)

---
 .../modules/ee/contacts/segments/components/targeting-card.tsx  | 2 +-
 .../modules/survey/editor/components/targeting-locked-card.tsx  | 2 +-
 apps/web/modules/ui/components/iconbar/index.tsx                | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/web/modules/ee/contacts/segments/components/targeting-card.tsx b/apps/web/modules/ee/contacts/segments/components/targeting-card.tsx
index 1dfc38ab88..8aa853dffd 100644
--- a/apps/web/modules/ee/contacts/segments/components/targeting-card.tsx
+++ b/apps/web/modules/ee/contacts/segments/components/targeting-card.tsx
@@ -170,7 +170,7 @@ export function TargetingCard({
       <Collapsible.CollapsibleTrigger
         asChild
         className="h-full w-full cursor-pointer rounded-lg hover:bg-slate-50">
-        <div className="inline-flex px-4 py-6">
+        <div className="inline-flex px-4 py-4">
           <div className="flex items-center pl-2 pr-5">
             <CheckIcon
               className="h-7 w-7 rounded-full border border-green-300 bg-green-100 p-1.5 text-green-600"
diff --git a/apps/web/modules/survey/editor/components/targeting-locked-card.tsx b/apps/web/modules/survey/editor/components/targeting-locked-card.tsx
index ea94c86f16..5af7760372 100644
--- a/apps/web/modules/survey/editor/components/targeting-locked-card.tsx
+++ b/apps/web/modules/survey/editor/components/targeting-locked-card.tsx
@@ -23,7 +23,7 @@ export const TargetingLockedCard = ({ isFormbricksCloud, environmentId }: Target
       <Collapsible.CollapsibleTrigger
         asChild
         className="h-full w-full cursor-pointer rounded-lg hover:bg-slate-50">
-        <div className="inline-flex px-4 py-6">
+        <div className="inline-flex px-4 py-4">
           <div className="flex items-center pl-2 pr-5">
             <div className="rounded-full border border-slate-300 bg-slate-100 p-1">
               <LockIcon className="h-4 w-4 text-slate-500" strokeWidth={3} />
diff --git a/apps/web/modules/ui/components/iconbar/index.tsx b/apps/web/modules/ui/components/iconbar/index.tsx
index 32e6b0153a..dfc88e7273 100644
--- a/apps/web/modules/ui/components/iconbar/index.tsx
+++ b/apps/web/modules/ui/components/iconbar/index.tsx
@@ -19,7 +19,7 @@ export const IconBar = ({ actions }: IconBarProps) => {
 
   return (
     <div
-      className="flex items-center justify-center divide-x rounded-lg border border-slate-300 bg-white"
+      className="flex items-center justify-center divide-x rounded-md border border-slate-300 bg-white"
       role="toolbar"
       aria-label="Action buttons">
       {actions