diff --git a/src/components/button.tsx b/src/components/button.tsx
index 8c7986e..2b8ae16 100644
--- a/src/components/button.tsx
+++ b/src/components/button.tsx
@@ -17,7 +17,7 @@ export const Button = (props: ButtonProps) => {
       disabled={props.disabled ?? false}
       class={
         props.class ??
-        "dark:bg-dark-300 dark:hover:bg-dark-200 dark:active:bg-dark-100 flex items-center gap-1 rounded-md border border-neutral-300 bg-neutral-50 px-2.5 py-1.5 text-xs text-neutral-700 transition-colors select-none hover:bg-neutral-100 active:bg-neutral-200 dark:border-neutral-700 dark:text-neutral-300"
+        "dark:bg-dark-300 dark:hover:bg-dark-200 dark:active:bg-dark-100 flex items-center gap-1 rounded-md border border-neutral-200 bg-neutral-50 px-2.5 py-1.5 text-xs text-neutral-700 transition-colors select-none hover:bg-neutral-100 active:bg-neutral-200 dark:border-neutral-700 dark:text-neutral-300"
       }
       classList={props.classList}
       onClick={props.onClick}