From 8f737d799bb93959d98f7b0f4dee59396a4606fb Mon Sep 17 00:00:00 2001
From: Gregory Schier <gschier1990@gmail.com>
Date: Fri, 18 Jul 2025 14:52:08 -0700
Subject: [PATCH] Pad dynamic form for scrollbar

---
 src-web/components/DynamicForm.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src-web/components/DynamicForm.tsx b/src-web/components/DynamicForm.tsx
index d64cd45f..29b17c46 100644
--- a/src-web/components/DynamicForm.tsx
+++ b/src-web/components/DynamicForm.tsx
@@ -92,7 +92,14 @@ function FormInputs<T extends Record<string, JsonPrimitive>>({
   className?: string;
 }) {
   return (
-    <VStack space={3} className={classNames(className, 'h-full overflow-auto')}>
+    <VStack
+      space={3}
+      className={classNames(
+        className,
+        'h-full overflow-auto',
+        'pr-1', // A bit of space between inputs and scrollbar
+      )}
+    >
       {inputs?.map((input, i) => {
         if ('hidden' in input && input.hidden) {
           return null;