diff --git a/src/components/settings/SettingsCard.astro b/src/components/settings/SettingsCard.astro
index f918c57..a73dee5 100644
--- a/src/components/settings/SettingsCard.astro
+++ b/src/components/settings/SettingsCard.astro
@@ -11,7 +11,7 @@ interface SelectOptions {
 }
 interface Selects {
     select: boolean;
-    name: string;
+    name?: string;
     multiple?: boolean;
     options?: SelectOptions[];
 }
@@ -40,7 +40,7 @@ const { title, description, input, select, button } = Astro.props;
         }
         <!-- Same with dropdown selections -->
         {select.select &&
-        <select id={select.name.replace(/[^a-zA-Z0-9]/g, '').toLowerCase()} class="text-md w-full h-10 p-2 bg-input border border-input-border-color rounded-md text-input-text" multiple={select.multiple} name={select.name}>
+        <select id={select.name?.replace(/[^a-zA-Z0-9]/g, '').toLowerCase()} class="text-md w-full h-10 p-2 bg-input border border-input-border-color rounded-md text-input-text" multiple={select.multiple} name={select.name}>
                 {select.options!.map((option) => (
                     <option disabled={option.disabled} value={option.value}>{option.name}</option>
                 ))}