diff --git a/client/src/components/icons/AddNoteIcon.vue b/client/src/components/icons/AddNoteIcon.vue
index 5848eed2..dd3b20f5 100644
--- a/client/src/components/icons/AddNoteIcon.vue
+++ b/client/src/components/icons/AddNoteIcon.vue
@@ -11,6 +11,6 @@
   .add-note-icon {
     width: 29px;
     height: 25px;
-    margin-left: -2px;
+    margin-left: 2px;
   }
 </style>
diff --git a/client/src/components/icons/NoteIcon.vue b/client/src/components/icons/NoteIcon.vue
index a1b9bc95..dd139bcf 100644
--- a/client/src/components/icons/NoteIcon.vue
+++ b/client/src/components/icons/NoteIcon.vue
@@ -12,6 +12,6 @@
   .note-icon {
     width: 29px;
     height: 25px;
-    margin-left: -2px;
+    margin-left: 2px;
   }
 </style>
diff --git a/client/src/components/notes/BookmarkActions.vue b/client/src/components/notes/BookmarkActions.vue
index 816d4d9e..489dbcd0 100644
--- a/client/src/components/notes/BookmarkActions.vue
+++ b/client/src/components/notes/BookmarkActions.vue
@@ -41,11 +41,15 @@
 
     display: flex;
     flex-direction: column;
+    align-content: center;
 
     &__action {
       opacity: 0;
       transition: opacity 0.3s;
       cursor: pointer;
+      width: 26px;
+      display: flex;
+      justify-content: center;
 
       &--bookmarked, &--noted {
         opacity: 1;