diff --git a/ui/components/UIDynamicForm.vue b/ui/components/UIDynamicForm.vue
index d5d0f6e..df0113e 100644
--- a/ui/components/UIDynamicForm.vue
+++ b/ui/components/UIDynamicForm.vue
@@ -329,7 +329,7 @@ export default {
                             innerClass: 'reset-background',
                             wrapperClass: '$remove:formkit-wrapper',
                             inputClass: `input-${this.theme}`,
-                            innerClass: `${this.theme == 'dark' ? '$remove:formkit-inner' : ''}`,
+                            // innerClass: `${this.theme == 'dark' ? '$remove:formkit-inner' : ''}`,
                         },
                     };
                 case 'checkbox':
diff --git a/ui/stylesheets/ui-dynamic-form.css b/ui/stylesheets/ui-dynamic-form.css
index 3ecfb79..fa7c31f 100644
--- a/ui/stylesheets/ui-dynamic-form.css
+++ b/ui/stylesheets/ui-dynamic-form.css
@@ -54,6 +54,7 @@ code {
 
 .input-dark {
     background-color: rgba(85, 85, 85, 255);
+    color: white !important;
 }
 
 .ui-dynamic-form-dark {
@@ -65,6 +66,7 @@ code {
     background-color: rgba(44, 44, 44, 255);
     color: rgba(165, 165, 165, 255);
     max-height: 90%;
+    color-scheme: dark;
 }
 
 .ui-dynamic-form-default {
@@ -117,12 +119,11 @@ code {
     --fk-color-input: rgb(var(--v-theme-on-group-background));
     --fk-color-help: rgb(var(--v-theme-on-group-background));
     --fk-color-border-focus: rgb(var(--v-theme-primary));
-    height: full;
+
 }
 
 .reset-background {
-    --fk-bg-input: rgb(var(--does-not-exist, #000));
-    /* i dont know why this works but it works */
+    --fk-bg-input: none; /*maybe none or (revert)*/
 }
 
 .custom-fieldset {