diff --git a/frontend/src/app/main/ui/viewer/share_link.cljs b/frontend/src/app/main/ui/viewer/share_link.cljs
index 0c2769cc9..1c4c6e088 100644
--- a/frontend/src/app/main/ui/viewer/share_link.cljs
+++ b/frontend/src/app/main/ui/viewer/share_link.cljs
@@ -240,17 +240,21 @@
                  (tr "common.share-link.permissions-pages")]
                 [:div {:class (stl/css :items)}
                  (if (= 1 (count pages))
-
                    [:div {:class (stl/css :checkbox-wrapper)}
+
+                    [:label {:for (str "page-" current-page-id)
+                             :class (stl/css-case :global/checked true)}
+
+                    [:span  {:class (stl/css :checked)}
+                     i/status-tick-refactor]
+
+                     (:name current-page)]
+
                     [:input {:type "checkbox"
                              :id (dm/str "page-" current-page-id)
                              :data-page-id (dm/str current-page-id)
                              :on-change on-mark-checked-page
                              :checked true}]
-                    [:label {:for (str "page-" current-page-id)} (:name current-page)]
-                    [:span  {:class (stl/css-case :checkobox-tick true
-                                                  :global/checked true)}
-                     i/status-tick-refactor]
                     [:span  (str  " " (tr "common.share-link.current-tag"))]]
 
                    [:*
diff --git a/frontend/src/app/main/ui/viewer/share_link.scss b/frontend/src/app/main/ui/viewer/share_link.scss
index 29a807c2d..259fe954b 100644
--- a/frontend/src/app/main/ui/viewer/share_link.scss
+++ b/frontend/src/app/main/ui/viewer/share_link.scss
@@ -187,4 +187,12 @@
   @extend .input-checkbox;
   height: $s-32;
   padding: 0;
+  span.checked {
+    background-color: var(--input-checkbox-background-color-active);
+    border: $s-1 solid var(--input-checkbox-background-color-active);
+    svg {
+      @extend .button-icon-small;
+      stroke: var(--input-checkbox-foreground-color-active);
+    }
+  }
 }