diff --git a/src/lib/components/Widget/entity-inspector/component-param-row.svelte b/src/lib/components/Widget/entity-inspector/component-param-row.svelte
index d69081a..2733c64 100644
--- a/src/lib/components/Widget/entity-inspector/component-param-row.svelte
+++ b/src/lib/components/Widget/entity-inspector/component-param-row.svelte
@@ -2,6 +2,7 @@
   import type { ComponentParamHandle } from '$lib/client/ecs';
   import { Input } from '$lib/components/ui/input';
   import { TristateSwitch } from '$lib/components/ui/tristate-switch';
+  import { Select, SelectContent, SelectItem, SelectTrigger } from '$lib/components/ui/select';
 
   interface Props {
     handle: ComponentParamHandle;
@@ -23,7 +24,32 @@
   <div class="text-neutral-200 text-sm">{$param.name}</div>
 
   {#if $param.type === 'string'}
-    <Input type="text" bind:value onchange={handleChange} />
+    {#if $param.enum}
+      <Select type="single" bind:value>
+        <SelectTrigger class="w-full">{value}</SelectTrigger>
+        <SelectContent>
+          {#if Array.isArray($param.enum)}
+            {#if !!$param.enum.length}
+              {#each $param.enum as opt (opt)}
+                <SelectItem value={opt}>{opt}</SelectItem>
+              {/each}
+            {:else}
+              <div class="px-4 py-2 text-muted-foreground italic">No options</div>
+            {/if}
+          {:else}
+            {#if Object.keys($param.enum).length === 0}
+              {#each Object.entries($param.enum) as [displayOpt, realOpt] (displayOpt)}
+                <SelectItem value={realOpt}>{displayOpt}</SelectItem>
+              {/each}
+            {:else}
+              <div class="px-4 py-2 text-muted-foreground italic">No options</div>
+            {/if}
+          {/if}
+        </SelectContent>
+      </Select>
+    {:else}
+      <Input type="text" bind:value onchange={handleChange} />
+    {/if}
   {:else if $param.type === 'number'}
     <Input type="number" bind:value onchange={handleChange} />
   {:else if $param.type === 'boolean'}
diff --git a/src/lib/components/ui/select/select-content.svelte b/src/lib/components/ui/select/select-content.svelte
index ba64c87..36814d1 100644
--- a/src/lib/components/ui/select/select-content.svelte
+++ b/src/lib/components/ui/select/select-content.svelte
@@ -33,9 +33,7 @@
   >
     <SelectScrollUpButton />
     <SelectPrimitive.Viewport
-      class={cn(
-        'h-(--bits-select-anchor-height) w-full min-w-(--bits-select-anchor-width) scroll-my-1',
-      )}
+      class={cn('h-auto max-h-80 w-full min-w-(--bits-select-anchor-width)')}
     >
       {@render children?.()}
     </SelectPrimitive.Viewport>