diff --git a/frontend/src/pages/home_page.tsx b/frontend/src/pages/home_page.tsx
index 16a5c80..bbe6e97 100644
--- a/frontend/src/pages/home_page.tsx
+++ b/frontend/src/pages/home_page.tsx
@@ -33,22 +33,10 @@ export default function HomePage() {
       <div className={"flex p-4 items-center"}>
         <select
           value={order}
-          className="select w-52 select-info"
+          className="select w-52 select-primary"
           onInput={(e) => {
-            const value = e.currentTarget.value;
-            if (value === "0") {
-              setOrder(RSort.TimeAsc);
-            } else if (value === "1") {
-              setOrder(RSort.TimeDesc);
-            } else if (value === "2") {
-              setOrder(RSort.ViewsAsc);
-            } else if (value === "3") {
-              setOrder(RSort.ViewsDesc);
-            } else if (value === "4") {
-              setOrder(RSort.DownloadsAsc);
-            } else if (value === "5") {
-              setOrder(RSort.DownloadsDesc);
-            }
+            const value = Number(e.currentTarget.value);
+            setOrder(value as RSort);
           }}
         >
           <option disabled>{t("Select a Order")}</option>