diff --git a/gdn-app/src/components/CNoteButton.vue b/gdn-app/src/components/CNoteButton.vue
index 249ab6c..ede1c5c 100644
--- a/gdn-app/src/components/CNoteButton.vue
+++ b/gdn-app/src/components/CNoteButton.vue
@@ -6,8 +6,12 @@ const props = defineProps<{
 
 <template>
   <div
-    class="flex select-none items-center rounded-sm border p-0.5 transition hover:scale-110 active:scale-95"
-    :class="props.inverted ? 'border-black bg-black text-white' : 'bg-white text-black'"
+    class="flex select-none items-center rounded-sm border p-0.5 transition hover:bg-neutral-200 active:scale-95"
+    :class="
+      props.inverted
+        ? 'border-black bg-black text-white hover:bg-neutral-600'
+        : 'bg-white text-black'
+    "
   >
     <slot></slot>
   </div>