diff --git a/src/frontend/components/ColourPickerDropdown.vue b/src/frontend/components/ColourPickerDropdown.vue
index f41c1ed..8745447 100644
--- a/src/frontend/components/ColourPickerDropdown.vue
+++ b/src/frontend/components/ColourPickerDropdown.vue
@@ -4,7 +4,7 @@
         <!-- menu button -->
         <div ref="dropdown-button" @click.stop="toggleMenu">
             <slot>
-                <div class="size-8 border border-gray-50 dark:border-zinc-700 rounded shadow cursor-pointer" :style="{ 'background-color': colour }"></div>
+                <div class="size-8 border border-gray-300 dark:border-zinc-700 rounded shadow cursor-pointer" :style="{ 'background-color': colour }"></div>
             </slot>
         </div>