diff --git a/assets/sass/_theme/design-system/notes.sass b/assets/sass/_theme/design-system/notes.sass
index 41be21a40ba936a369c2b672567506514972d55a..00b8faf0e588659fd09339c9e73858a860e1cd82 100644
--- a/assets/sass/_theme/design-system/notes.sass
+++ b/assets/sass/_theme/design-system/notes.sass
@@ -15,6 +15,10 @@
         padding-bottom: 0
         text-align: center
         user-select: none
+        transition: color 0.25s, background-color 0.25s
+        &:hover
+            background: var(--color-text)
+            color: var(--color-background)
     &__content
         background: var(--color-text)
         color: var(--color-background)
@@ -37,7 +41,7 @@
         position: relative
         &__content
             border-radius: 4px
-            top: pxToRem(25)
+            top: pxToRem(32)
         &--left
             .note__content
                 left: 0