From 4046c16dba61f6041007499739636eeaa02b6aec Mon Sep 17 00:00:00 2001
From: SehajveerSingh2005 <sehajveersingh2005@gmail.com>
Date: Thu, 23 Apr 2026 00:28:55 +0530
Subject: [PATCH] fix(ui): resolve i18n key collision for padding labels

---
 src/components/video-editor/SettingsPanel.tsx | 12 ++++++------
 src/i18n/locales/en/settings.json             |  6 ++++++
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/components/video-editor/SettingsPanel.tsx b/src/components/video-editor/SettingsPanel.tsx
index f5afda88..7d0a68e3 100644
--- a/src/components/video-editor/SettingsPanel.tsx
+++ b/src/components/video-editor/SettingsPanel.tsx
@@ -1845,8 +1845,8 @@ export function SettingsPanel({
 							)}
 							title={
 								padding.linked !== false
-									? tSettings("effects.padding.linked", "Linked (Uniform)")
-									: tSettings("effects.padding.unlinked", "Unlinked (Asymmetrical)")
+									? tSettings("effects.paddingLinked", "Linked (Uniform)")
+									: tSettings("effects.paddingUnlinked", "Unlinked (Asymmetrical)")
 							}
 						>
 							{padding.linked !== false ? (
@@ -1872,7 +1872,7 @@ export function SettingsPanel({
 					) : (
 						<div className="grid grid-cols-2 gap-x-3 gap-y-1.5">
 							<SliderControl
-								label={tSettings("effects.padding.top", "Top")}
+								label={tSettings("effects.paddingTop", "Top")}
 								value={padding.top}
 								defaultValue={DEFAULT_PADDING.top}
 								min={0}
@@ -1883,7 +1883,7 @@ export function SettingsPanel({
 								parseInput={(text) => parseFloat(text.replace(/%$/, ""))}
 							/>
 							<SliderControl
-								label={tSettings("effects.padding.bottom", "Bottom")}
+								label={tSettings("effects.paddingBottom", "Bottom")}
 								value={padding.bottom}
 								defaultValue={DEFAULT_PADDING.bottom}
 								min={0}
@@ -1894,7 +1894,7 @@ export function SettingsPanel({
 								parseInput={(text) => parseFloat(text.replace(/%$/, ""))}
 							/>
 							<SliderControl
-								label={tSettings("effects.padding.left", "Left")}
+								label={tSettings("effects.paddingLeft", "Left")}
 								value={padding.left}
 								defaultValue={DEFAULT_PADDING.left}
 								min={0}
@@ -1905,7 +1905,7 @@ export function SettingsPanel({
 								parseInput={(text) => parseFloat(text.replace(/%$/, ""))}
 							/>
 							<SliderControl
-								label={tSettings("effects.padding.right", "Right")}
+								label={tSettings("effects.paddingRight", "Right")}
 								value={padding.right}
 								defaultValue={DEFAULT_PADDING.right}
 								min={0}
diff --git a/src/i18n/locales/en/settings.json b/src/i18n/locales/en/settings.json
index c384c0d7..03d1cde0 100644
--- a/src/i18n/locales/en/settings.json
+++ b/src/i18n/locales/en/settings.json
@@ -91,6 +91,12 @@
 		"radius": "Radius",
 		"roundness": "Roundness",
 		"padding": "Padding",
+		"paddingLinked": "Linked (Uniform)",
+		"paddingUnlinked": "Unlinked (Asymmetrical)",
+		"paddingTop": "Top",
+		"paddingBottom": "Bottom",
+		"paddingLeft": "Left",
+		"paddingRight": "Right",
 		"removeBackground": "Remove background"
 	},
 	"sections": {