diff --git a/website/src/components/Navigation/OrganismSelector.astro b/website/src/components/Navigation/OrganismSelector.astro
index 34fef686cf..6fb2b4f336 100644
--- a/website/src/components/Navigation/OrganismSelector.astro
+++ b/website/src/components/Navigation/OrganismSelector.astro
@@ -1,7 +1,7 @@
 ---
 import { cleanOrganism } from './cleanOrganism';
 import { routes } from '../../routes';
-import Arrow from '~icons/ic/sharp-keyboard-arrow-down';
+import IwwaArrowDown from '~icons/iwwa/arrow-down';
 
 const { knownOrganisms, organism } = cleanOrganism(Astro.params.organism);
 
@@ -9,11 +9,11 @@ const label = organism === undefined ? 'Choose Organism' : organism.displayName;
 ---
 
 <div class='dropdown dropdown-hover hidden sm:flex relative'>
-    <label tabindex='0' class='btn btn-sm py-1'>
+    <label tabindex='0' class='py-1 block text-gray-900'>
         {label}
-        <Arrow />
+        <span class='text-primary'> <IwwaArrowDown className='inline-block -mt-1 ml-1 h-4 w-4 ' /></span>
     </label>
-    <ul tabindex='0' class='dropdown-content z-[1] menu p-1 shadow bg-base-100 rounded-box absolute top-full left-0'>
+    <ul tabindex='0' class='dropdown-content z-[1] menu p-1 shadow bg-base-100 rounded-btn absolute top-full -left-4'>
         {
             knownOrganisms.map((knownOrganism) => (
                 <li>