diff --git a/lib/decentralised_book_index_web/components/core_components.ex b/lib/decentralised_book_index_web/components/core_components.ex
index 4340aa1..2a63a31 100644
--- a/lib/decentralised_book_index_web/components/core_components.ex
+++ b/lib/decentralised_book_index_web/components/core_components.ex
@@ -398,7 +398,7 @@ defmodule DecentralisedBookIndexWeb.CoreComponents do
       <select
         id={@id}
         name={@name}
-        class="mt-2 block w-full rounded-md border border-gray-300 bg-white shadow-sm focus:border-zinc-400 focus:ring-0 sm:text-sm"
+        class="mt-2 block w-full rounded-md border border-gray-300 bg-white shadow-sm focus:border-zinc-400 focus:ring-0 sm:text-sm dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
         multiple={@multiple}
         {@rest}
       >