diff --git a/src/lib/forms/Checkbox.svelte b/src/lib/forms/Checkbox.svelte
index e25f9eda4..17465c25e 100644
--- a/src/lib/forms/Checkbox.svelte
+++ b/src/lib/forms/Checkbox.svelte
@@ -16,7 +16,7 @@
   export let checked: boolean | undefined = undefined;
   export let spacing: string = $$slots.default ? 'me-2' : '';
   export let groupLabelClass: string = '';
-  export let groupInputClass: strixng = '';
+  export let groupInputClass: string = '';
   
 
   // tinted if put in component having its own background
diff --git a/src/lib/types.ts b/src/lib/types.ts
index a755d0899..b8c8a9194 100644
--- a/src/lib/types.ts
+++ b/src/lib/types.ts
@@ -115,6 +115,7 @@ export interface GroupTimelineType {
 }
 
 export interface ListGroupItemType {
+  name?: string;
   current?: boolean;
   disabled?: boolean;
   href?: string;
diff --git a/src/routes/docs/components/toast.md b/src/routes/docs/components/toast.md
index 8fc8944fd..dd9a033cb 100644
--- a/src/routes/docs/components/toast.md
+++ b/src/routes/docs/components/toast.md
@@ -68,7 +68,7 @@ Usually, green, red, and orange are used to show success, danger, or warning ale
   Item has been deleted.
 </Toast>
 
-<Toast color="orange">
+<Toast color="red">
   <svelte:fragment slot="icon">
     <ExclamationCircleSolid class="w-5 h-5" />
     <span class="sr-only">Warning icon</span>