diff --git a/src/lib/components/Icon.svelte b/src/lib/components/Icon.svelte
index 0979a2fe..d45ac79c 100644
--- a/src/lib/components/Icon.svelte
+++ b/src/lib/components/Icon.svelte
@@ -101,7 +101,7 @@
   export let spin = false;
   export let inverse = false;
   export let pulse = false;
-  export let flip: string = '';
+  export let flip: 'horizontal' | 'vertical' | undefined = undefined;
   export let label: string = '';
   export let style: string = '';
   export { className as class };
diff --git a/src/lib/components/svg/Svg.svelte b/src/lib/components/svg/Svg.svelte
index f4752a59..897a9870 100644
--- a/src/lib/components/svg/Svg.svelte
+++ b/src/lib/components/svg/Svg.svelte
@@ -53,14 +53,14 @@
 
   export let width: number;
   export let height: number;
-  export let box: string | null = null;
+  export let box: string = '0 0 0 0';
 
   export let spin = false;
   export let inverse = false;
   export let pulse = false;
-  export let flip: string | null = null;
+  export let flip: string = 'none';
 
   // optionals
-  export let style: string | undefined = undefined;
-  export let label: string | undefined = undefined;
+  export let style: string = '';
+  export let label: string = '';
 </script>