From cc4f6dd6757d4b7daef0ddd3ea0ba5804a7e1547 Mon Sep 17 00:00:00 2001
From: hannesrudolph <hrudolph@gmail.com>
Date: Sat, 8 Mar 2025 22:40:43 -0700
Subject: [PATCH] style: Update margin styling for checkbox in PromptsView
 component

---
 webview-ui/src/components/prompts/PromptsView.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/webview-ui/src/components/prompts/PromptsView.tsx b/webview-ui/src/components/prompts/PromptsView.tsx
index 7ea8bfba62..3561a80d10 100644
--- a/webview-ui/src/components/prompts/PromptsView.tsx
+++ b/webview-ui/src/components/prompts/PromptsView.tsx
@@ -561,7 +561,7 @@ const PromptsView = ({ onDone }: PromptsViewProps) => {
 	  which are managed in this component. This is an intentional deviation from
 	  the standard pattern described in cline_docs/settings.md.
 	*/}
-					<div style={{ marginBottom: 15 }}>
+					<div className="mb-4">
 						<VSCodeCheckbox
 							checked={enableCustomModeCreation ?? true}
 							onChange={(e: any) => {
@@ -577,8 +577,8 @@ const PromptsView = ({ onDone }: PromptsViewProps) => {
 								marginTop: "5px",
 								color: "var(--vscode-descriptionForeground)",
 							}}>
-							When enabled, Roo can help you create custom modes. You can disable this to
-							reduce Roo's token usage.
+							When enabled, Roo can help you create custom modes. You can disable this to reduce Roo's
+							token usage.
 						</p>
 					</div>
 					<div onClick={(e) => e.stopPropagation()} className="flex justify-between items-center mb-3">