diff --git a/apps/client/src/features/home/components/new-note-button.tsx b/apps/client/src/features/home/components/new-note-button.tsx
index 154ad7a0..3a19cddd 100644
--- a/apps/client/src/features/home/components/new-note-button.tsx
+++ b/apps/client/src/features/home/components/new-note-button.tsx
@@ -55,6 +55,8 @@ export default function NewNoteButton() {
       <Button
         fullWidth
         size="md"
+        variant="light"
+        color="gray"
         leftSection={<IconPlus size={18} />}
         loading={isPending}
         onClick={() => createNote(writableSpaces[0])}
@@ -71,6 +73,8 @@ export default function NewNoteButton() {
         <Button
           fullWidth
           size="md"
+          variant="light"
+          color="gray"
           leftSection={<IconPlus size={18} />}
           loading={isPending}
         >