diff --git a/src/lib/components/Control.svelte b/src/lib/components/Control.svelte
index 1120ba8..48e304a 100644
--- a/src/lib/components/Control.svelte
+++ b/src/lib/components/Control.svelte
@@ -3,12 +3,10 @@
 
     import { images } from '$lib/images';
     import { dates } from '$lib/dates';
-
-    interface Props {active: string | undefined}
 </script>
 
 <script lang="ts">
-    let { active }: Props = $props();
+    let { active = '' } = $props();
 
     function randomQuote(e: MouseEvent) {
         const { id } = e.target as HTMLButtonElement;
diff --git a/src/lib/components/Icon.svelte b/src/lib/components/Icon.svelte
index 6918a52..c4626f6 100644
--- a/src/lib/components/Icon.svelte
+++ b/src/lib/components/Icon.svelte
@@ -1,27 +1,14 @@
-<script lang="ts" module>
-    interface Props {
-        id: string,
-        name: string,
-        size: string,
-        color: string,
-        rotate: number,
-        spin: boolean,
-        style: string,
-        bordered: boolean
-    }
-</script>
-
 <script lang="ts">
     let {
-        id = "",
-        name = "Close",
-        size = "16px",
-        color = "currentColor",
+        id = '',
+        name = 'Close',
+        size = '16px',
+        color = 'currentColor',
         rotate = 0,
         spin = false,
-        style = "",
+        style = '',
         bordered = false,
-    }: Partial<Props> = $props()
+    } = $props();
 </script>
 
 <svg