From c30d6226452c9dbbd9f76350fdca026a1cd32de6 Mon Sep 17 00:00:00 2001
From: Samran Ahmed <samranahmed03@gmail.com>
Date: Tue, 19 May 2026 23:47:37 +0500
Subject: [PATCH 1/4] fix: Card details page title and toggle button spacing

---
 src/pages/workspace/workflows/ToggleSettingsOptionRow.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/workspace/workflows/ToggleSettingsOptionRow.tsx b/src/pages/workspace/workflows/ToggleSettingsOptionRow.tsx
index 08c3d4301266..52ec8fec0543 100644
--- a/src/pages/workspace/workflows/ToggleSettingsOptionRow.tsx
+++ b/src/pages/workspace/workflows/ToggleSettingsOptionRow.tsx
@@ -149,7 +149,7 @@ function ToggleSettingOptionRow({
         if (typeof subtitle === 'string') {
             if (!!subtitle && shouldParseSubtitle) {
                 return (
-                    <View style={[styles.flexRow, styles.renderHTML, shouldPlaceSubtitleBelowSwitch ? styles.mt1 : {...styles.mt1, ...styles.mr5}]}>
+                    <View style={[styles.flexRow, styles.renderHTML, shouldPlaceSubtitleBelowSwitch ? styles.mt3 : {...styles.mt1, ...styles.mr5}]}>
                         <RenderHTML html={processedSubtitle} />
                     </View>
                 );
@@ -162,7 +162,7 @@ function ToggleSettingOptionRow({
                 <Text
                     accessible={!areSubtitleAndSwitchAccessibilityLabelEqual}
                     aria-hidden={areSubtitleAndSwitchAccessibilityLabelEqual}
-                    style={[styles.mutedNormalTextLabel, shouldPlaceSubtitleBelowSwitch ? styles.mt1 : {...styles.mt1, ...styles.mr5}, subtitleStyle]}
+                    style={[styles.mutedNormalTextLabel, shouldPlaceSubtitleBelowSwitch ? styles.mt3 : {...styles.mt1, ...styles.mr5}, subtitleStyle]}
                 >
                     {subtitle}
                 </Text>
@@ -195,7 +195,7 @@ function ToggleSettingOptionRow({
                 />
             )}
             {customTitle ?? (
-                <View style={[styles.flexColumn, styles.flex1]}>
+                <View style={[styles.flexColumn, styles.flex1, styles.mr3]}>
                     <Text
                         style={[styles.textNormal, styles.lh20, titleStyle]}
                         accessibilityRole={titleAccessibilityRole}
@@ -236,7 +236,7 @@ function ToggleSettingOptionRow({
             onClose={onCloseError}
         >
             <View style={styles.pRelative}>
-                <View style={[styles.flexRow, styles.alignItemsCenter, styles.justifyContentBetween, shouldPlaceSubtitleBelowSwitch && styles.h10]}>
+                <View style={[styles.flexRow, styles.alignItemsCenter, styles.justifyContentBetween]}>
                     <PressableWithoutFeedback
                         style={[styles.flexRow, styles.alignItemsCenter, styles.flex1]}
                         onPress={shouldMakeContentPressable ? onPress : undefined}

From 68db71fdc80f35c82463661ab1cc923f01388316 Mon Sep 17 00:00:00 2001
From: Samran Ahmed <samranahmed03@gmail.com>
Date: Wed, 20 May 2026 01:01:23 +0500
Subject: [PATCH 2/4] add `styles.mt3` in useMemo deps array

---
 src/pages/workspace/workflows/ToggleSettingsOptionRow.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/pages/workspace/workflows/ToggleSettingsOptionRow.tsx b/src/pages/workspace/workflows/ToggleSettingsOptionRow.tsx
index 52ec8fec0543..f18d32a86d9c 100644
--- a/src/pages/workspace/workflows/ToggleSettingsOptionRow.tsx
+++ b/src/pages/workspace/workflows/ToggleSettingsOptionRow.tsx
@@ -175,6 +175,7 @@ function ToggleSettingOptionRow({
         shouldParseSubtitle,
         styles.mutedNormalTextLabel,
         styles.mt1,
+        styles.mt3,
         styles.mr5,
         styles.flexRow,
         styles.renderHTML,

From a53e917d1a35d4c2d4544fa90d2b7ced8691a00a Mon Sep 17 00:00:00 2001
From: Samran Ahmed <samranahmed03@gmail.com>
Date: Sat, 6 Jun 2026 01:59:39 +0500
Subject: [PATCH 3/4] Updated the gap between the title and toggle

---
 src/pages/workspace/workflows/ToggleSettingsOptionRow.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/workspace/workflows/ToggleSettingsOptionRow.tsx b/src/pages/workspace/workflows/ToggleSettingsOptionRow.tsx
index f18d32a86d9c..2ec303ca2868 100644
--- a/src/pages/workspace/workflows/ToggleSettingsOptionRow.tsx
+++ b/src/pages/workspace/workflows/ToggleSettingsOptionRow.tsx
@@ -196,7 +196,7 @@ function ToggleSettingOptionRow({
                 />
             )}
             {customTitle ?? (
-                <View style={[styles.flexColumn, styles.flex1, styles.mr3]}>
+                <View style={[styles.flexColumn, styles.flex1, styles.mr6]}>
                     <Text
                         style={[styles.textNormal, styles.lh20, titleStyle]}
                         accessibilityRole={titleAccessibilityRole}

From af34c1abfd5c87c4e80f50b92dcfbfcd0c5316d1 Mon Sep 17 00:00:00 2001
From: Samran Ahmed <samranahmed03@gmail.com>
Date: Sat, 6 Jun 2026 02:48:04 +0500
Subject: [PATCH 4/4] keep title and toggle height intact and to apply mt from
 subtitle

---
 src/pages/workspace/workflows/ToggleSettingsOptionRow.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/workspace/workflows/ToggleSettingsOptionRow.tsx b/src/pages/workspace/workflows/ToggleSettingsOptionRow.tsx
index 2ec303ca2868..44979a67b83b 100644
--- a/src/pages/workspace/workflows/ToggleSettingsOptionRow.tsx
+++ b/src/pages/workspace/workflows/ToggleSettingsOptionRow.tsx
@@ -237,7 +237,7 @@ function ToggleSettingOptionRow({
             onClose={onCloseError}
         >
             <View style={styles.pRelative}>
-                <View style={[styles.flexRow, styles.alignItemsCenter, styles.justifyContentBetween]}>
+                <View style={[styles.flexRow, styles.alignItemsCenter, styles.justifyContentBetween, shouldPlaceSubtitleBelowSwitch && styles.h10]}>
                     <PressableWithoutFeedback
                         style={[styles.flexRow, styles.alignItemsCenter, styles.flex1]}
                         onPress={shouldMakeContentPressable ? onPress : undefined}