From 440c2ab1bd6979ee8b328fa2ffe6803d32203ea0 Mon Sep 17 00:00:00 2001
From: tralwdwd <79791517+tralwdwd@users.noreply.github.com>
Date: Mon, 10 Nov 2025 03:27:41 +0000
Subject: [PATCH] fix(plugins/developer-kit): eval alert box layout (#8)

---
 .../definitions/EvalJSSetting.tsx             | 24 +++++++++----------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/plugins/start/developer-kit/definitions/EvalJSSetting.tsx b/src/plugins/start/developer-kit/definitions/EvalJSSetting.tsx
index 5768e27..681623e 100644
--- a/src/plugins/start/developer-kit/definitions/EvalJSSetting.tsx
+++ b/src/plugins/start/developer-kit/definitions/EvalJSSetting.tsx
@@ -54,7 +54,7 @@ function EvalJSAlert() {
                             try {
                                 if (!api) {
                                     alert(
-                                        'Unable to provide plugin API. Running snippet in a second...',
+                                        'Unable to provide plugin API. Running snippet in a second...'
                                     )
 
                                     await sleep(1000)
@@ -118,18 +118,18 @@ function EvalJSAlert() {
                         <TableRow
                             label="Inspect depth"
                             subLabel="The depth of the object to inspect."
-                            trailing={<Text>{inspectDepth}</Text>}
-                        />
-                        <Slider
-                            endIcon={<Text>10</Text>}
-                            maximumValue={10}
-                            minimumValue={1}
-                            onValueChange={setInspectDepth}
-                            startIcon={<Text>1</Text>}
-                            step={1}
-                            value={inspectDepth}
+                            trailing={<Text variant="text-sm/normal">{inspectDepth}</Text>}
                         />
                     </TableRowGroup>
+                    <Slider
+                        endIcon={<Text variant="text-sm/normal">10</Text>}
+                        maximumValue={10}
+                        minimumValue={1}
+                        onValueChange={setInspectDepth}
+                        startIcon={<Text variant="text-sm/normal">1</Text>}
+                        step={1}
+                        value={inspectDepth}
+                    />
                 </Stack>
             }
             title="Evaluate JavaScript"
@@ -137,4 +137,4 @@ function EvalJSAlert() {
     )
 }
 
-export default EvalJSSetting
+export default EvalJSSetting
\ No newline at end of file