diff --git a/src/lib/components/list.svelte b/src/lib/components/list.svelte
index 518497ae71..683ee818b2 100644
--- a/src/lib/components/list.svelte
+++ b/src/lib/components/list.svelte
@@ -1,4 +1,15 @@
-<!-- TODO: remove inline styling -->
-<ul class="list" style:gap="0.25rem">
-    <slot />
+<script lang="ts">
+    import type { Snippet } from 'svelte';
+
+    let { children }: { children?: Snippet } = $props();
+</script>
+
+<ul class="list">
+    {@render children?.()}
 </ul>
+
+<style>
+    ul.list {
+        gap: 0.25rem;
+    }
+</style>
\ No newline at end of file