diff --git a/src/components/Select.tsx b/src/components/Select.tsx
index 1670d5d..0310de3 100644
--- a/src/components/Select.tsx
+++ b/src/components/Select.tsx
@@ -6,7 +6,7 @@ import { Fragment } from "react";
 import { Listbox, Transition } from "@headlessui/react";
 import classNames from "classnames";
 import "../index.css";
-import { ReactComponent as SelectIcon } from "../assets/svg/select-arrow.svg";
+import { ReactComponent as SelectIcon } from "../assets/svg/caret-down.svg";
 import { Scrollbar } from "react-scrollbars-custom";
 
 /* -------------------------------------------------------------------------- */
@@ -98,10 +98,10 @@ function Select<T>({
                   displayValueResolver ? displayValueResolver(value) : value
                 }`}</span>
                 <span className={`${SelectIconStyle}`}>
-                  <SelectIcon
+                  <SelectIcon 
                     className={`${
                       open ? "rotate-180 transform" : "font-normal"
-                    } h-2 w-3`}
+                    } h-3 w-4 fill-black hover:fill-black stroke-black`}
                   />
                 </span>
               </>
@@ -114,12 +114,12 @@ function Select<T>({
             leaveTo="opacity-0"
           >
             <Listbox.Options className={`${SelectOptionsStyle}`}>
-              <Scrollbar
+              {/* <Scrollbar
                 style={{
                   height: options.length * elementScrollSize,
                   maxHeight: maxScrollSize,
                 }}
-              >
+              > */}
                 {options.map((option, id) => (
                   <Listbox.Option
                     key={id}
@@ -139,7 +139,7 @@ function Select<T>({
                     }`}
                   </Listbox.Option>
                 ))}
-              </Scrollbar>
+              {/* </Scrollbar> */}
             </Listbox.Options>
           </Transition>
         </div>