diff --git a/src/components/BookmarkNote/BookmarkNote.module.scss b/src/components/BookmarkNote/BookmarkNote.module.scss
index 69da7bd..2c40e82 100644
--- a/src/components/BookmarkNote/BookmarkNote.module.scss
+++ b/src/components/BookmarkNote/BookmarkNote.module.scss
@@ -5,8 +5,8 @@
     display: inline-block;
     margin: 0px 0px;
     background-color: var(--text-tertiary);
-    -webkit-mask: url(../../assets/icons/bookmark_empty.svg) no-repeat 0 / 16px;
-    mask: url(../../assets/icons/bookmark_empty.svg) no-repeat 0 / 16px;
+    -webkit-mask: url(../../assets/icons/bookmark_empty.svg) no-repeat 0 / 100%;
+    mask: url(../../assets/icons/bookmark_empty.svg) no-repeat 0 / 100%;
 
     &.large {
       width: 20px;
@@ -20,8 +20,8 @@
     display: inline-block;
     margin: 0px 0px;
     background-color: var(--active-bookmarked);
-    -webkit-mask: url(../../assets/icons/bookmark_filled.svg) no-repeat 0 / 16px;
-    mask: url(../../assets/icons/bookmark_filled.svg) no-repeat 0 / 16px;
+    -webkit-mask: url(../../assets/icons/bookmark_filled.svg) no-repeat 0 / 100%;
+    mask: url(../../assets/icons/bookmark_filled.svg) no-repeat 0 / 100%;
 
     &.large {
       width: 20px;