diff --git a/src/components/colorschemepicker.tsx b/src/components/colorschemepicker.tsx
index 2ca0d69..7f41c14 100644
--- a/src/components/colorschemepicker.tsx
+++ b/src/components/colorschemepicker.tsx
@@ -2,7 +2,7 @@ import { Component, createContext, createEffect, createResource, Match, ParentCo
 import { action, query, useAction } from "@solidjs/router";
 import { useSession } from "vinxi/http";
 import { createStore } from "solid-js/store";
-import { ComboBox } from "./combobox";
+import { Dropdown } from "./dropdown";
 import { WiMoonAltFull, WiMoonAltNew, WiMoonAltFirstQuarter } from "solid-icons/wi";
 import css from './colorschemepicker.module.css';
 
@@ -90,7 +90,7 @@ export const ColorSchemePicker: Component = (props) => {
 
     return <>
         <label aria-label="Color scheme picker">
-            <ComboBox id="color-scheme-picker" class={css.picker} value={theme.colorScheme} setValue={(next) => setColorScheme(next())} values={colorSchemes}>{
+            <Dropdown id="color-scheme-picker" class={css.picker} value={theme.colorScheme} setValue={(next) => setColorScheme(next())} values={colorSchemes}>{
                 (k, v) => <>
                     <Switch>
                         <Match when={k === ColorScheme.Auto}><WiMoonAltFirstQuarter /></Match>
@@ -99,7 +99,7 @@ export const ColorSchemePicker: Component = (props) => {
                     </Switch>
                     {v}
                 </>
-            }</ComboBox>
+            }</Dropdown>
         </label>
 
         <label class={css.hue} aria-label="Hue slider">
diff --git a/src/components/combobox/index.module.css b/src/components/dropdown/index.module.css
similarity index 100%
rename from src/components/combobox/index.module.css
rename to src/components/dropdown/index.module.css
diff --git a/src/components/combobox/index.tsx b/src/components/dropdown/index.tsx
similarity index 95%
rename from src/components/combobox/index.tsx
rename to src/components/dropdown/index.tsx
index 1b1aca1..85029b8 100644
--- a/src/components/combobox/index.tsx
+++ b/src/components/dropdown/index.tsx
@@ -2,7 +2,7 @@ import { createMemo, createSignal, For, JSX, Setter, createEffect, Show } from "
 import css from './index.module.css';
 import { FaSolidAngleDown } from "solid-icons/fa";
 
-interface ComboBoxProps<T, K extends string> {
+interface DropdownProps<T, K extends string> {
     id: string;
     class?: string;
     value: K;
@@ -14,7 +14,7 @@ interface ComboBoxProps<T, K extends string> {
     filter?: (query: string, key: K, value: T) => boolean;
 }
 
-export function ComboBox<T, K extends string>(props: ComboBoxProps<T, K>) {
+export function Dropdown<T, K extends string>(props: DropdownProps<T, K>) {
     const [dialog, setDialog] = createSignal<HTMLDialogElement>();
     const [value, setValue] = createSignal<K>(props.value);
     const [open, setOpen] = createSignal<boolean>(props.open ?? false);
diff --git a/src/features/i18n/picker.tsx b/src/features/i18n/picker.tsx
index 3a9f71c..dfd88a7 100644
--- a/src/features/i18n/picker.tsx
+++ b/src/features/i18n/picker.tsx
@@ -1,7 +1,7 @@
 import { Component } from "solid-js";
 import { internal_useI18n } from "./context";
 import { locales } from "./constants";
-import { ComboBox } from "~/components/combobox";
+import { Dropdown } from "~/components/dropdown";
 import { Dynamic } from "solid-js/web";
 import css from './picker.module.css';
 
@@ -10,7 +10,7 @@ interface LocalePickerProps { }
 export const LocalePicker: Component<LocalePickerProps> = (props) => {
     const { locale, setLocale } = internal_useI18n();
 
-    return <ComboBox
+    return <Dropdown
         id="locale-picker"
         class={css.box}
         value={locale()}
@@ -19,5 +19,5 @@ export const LocalePicker: Component<LocalePickerProps> = (props) => {
         showCaret={false}
     >
         {(locale, { flag, label }) => <Dynamic component={flag} lang={locale} aria-label={label} class={css.flag} />}
-    </ComboBox>
+    </Dropdown>
 };
\ No newline at end of file