diff --git a/packages/svelte-ux/src/lib/components/SelectField.svelte b/packages/svelte-ux/src/lib/components/SelectField.svelte
index ab79a3e3d..a0b5f8c68 100644
--- a/packages/svelte-ux/src/lib/components/SelectField.svelte
+++ b/packages/svelte-ux/src/lib/components/SelectField.svelte
@@ -75,31 +75,31 @@
 
   let fieldClasses: ComponentProps<TextField>['classes'];
   $: {
-    let v: {root?: any} = {};
+    let v: { root?: any } = {};
     if (typeof settingsClasses?.field === 'string') {
       v = { root: settingsClasses.field };
     } else {
       v = settingsClasses?.field ?? {};
     }
     if (typeof classes?.field === 'string') {
-      fieldClasses = { ...v, root: cls(v.root, classes.field)};
+      fieldClasses = { ...v, root: cls(v.root, classes.field) };
     } else {
-      fieldClasses = { ...v, ...classes?.field ?? {} };
+      fieldClasses = { ...v, ...(classes?.field ?? {}) };
     }
   }
 
   let optionClasses: ComponentProps<MenuItem>['classes'];
   $: {
-    let v: {root?: any} = {};
+    let v: { root?: any } = {};
     if (typeof settingsClasses?.option === 'string') {
       v = { root: settingsClasses.option };
     } else {
       v = settingsClasses?.option ?? {};
     }
     if (typeof classes?.option === 'string') {
-      optionClasses = { ...v, root: cls(v.root, classes.option)};
+      optionClasses = { ...v, root: cls(v.root, classes.option) };
     } else {
-      optionClasses = { ...v, ...classes?.option ?? {} };
+      optionClasses = { ...v, ...(classes?.option ?? {}) };
     }
   }
 
@@ -454,9 +454,11 @@
     classes={{
       ...fieldClasses,
       container: inlineOptions
-        ? cls('border-none shadow-none hover:shadow-none group-focus-within:shadow-none', fieldClasses?.container)
+        ? cls(
+            'border-none shadow-none hover:shadow-none group-focus-within:shadow-none',
+            fieldClasses?.container
+          )
         : fieldClasses?.container,
-      
     }}
     class={cls('h-full')}
     role="combobox"
@@ -563,7 +565,7 @@
           <svelte:fragment slot="option" let:option let:index>
             <slot name="option" {option} {index} {selected} {value} {highlightIndex}>
               <MenuItem
-              	classes={optionClasses}
+                classes={optionClasses}
                 class={cls(
                   index === highlightIndex && '[:not(.group:hover)>&]:bg-surface-content/5',
                   option === selected && (classes.selected || 'font-semibold'),
diff --git a/packages/svelte-ux/src/lib/components/TextField.svelte b/packages/svelte-ux/src/lib/components/TextField.svelte
index 389add034..ae48a5d52 100644
--- a/packages/svelte-ux/src/lib/components/TextField.svelte
+++ b/packages/svelte-ux/src/lib/components/TextField.svelte
@@ -260,7 +260,10 @@
             <slot name="prepend" />
             {#if icon}
               <span class="mr-3">
-                <Icon data={asIconData(icon)} class={cls("text-surface-content/50", classes.icon)} />
+                <Icon
+                  data={asIconData(icon)}
+                  class={cls('text-surface-content/50', classes.icon)}
+                />
               </span>
             {/if}
           </div>
diff --git a/packages/svelte-ux/src/routes/docs/components/SelectField/+page.svelte b/packages/svelte-ux/src/routes/docs/components/SelectField/+page.svelte
index 4307d1e4b..a46640361 100644
--- a/packages/svelte-ux/src/routes/docs/components/SelectField/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/SelectField/+page.svelte
@@ -22,7 +22,9 @@
     { label: 'Four', value: 4, icon: mdiAccount },
   ];
 
-  let options: MenuOption[] = graphicOptions.map(o => { return { ...o, icon: undefined }; });
+  let options: MenuOption[] = graphicOptions.map((o) => {
+    return { ...o, icon: undefined };
+  });
 
   const optionsWithGroup: MenuOption[] = [
     { label: 'One', value: 1, group: 'First' },