diff --git a/client/src/components/Checkbox.vue b/client/src/components/Checkbox.vue
index 38a8778f..6f0d0bae 100644
--- a/client/src/components/Checkbox.vue
+++ b/client/src/components/Checkbox.vue
@@ -34,10 +34,12 @@
   @import "@/styles/_variables.scss";
 
   .checkbox-container {
-    display: flex;
+    display: inline-flex;
     flex-direction: row;
     align-items: center;
     margin-right: 10px;
+    cursor: pointer;
+    width: auto;
 
     svg {
       width: 15px;
diff --git a/client/src/components/ContentBlock.vue b/client/src/components/ContentBlock.vue
index 405b216b..5a2cf1f2 100644
--- a/client/src/components/ContentBlock.vue
+++ b/client/src/components/ContentBlock.vue
@@ -1,8 +1,8 @@
 <template>
   <div class="content-block__container">
     <div class="content-block" :class="specialClass">
-      <div class="content-block__visibility-button">
-        <a @click="toggleVisibility()">
+      <div class="content-block__visibility">
+        <a @click="toggleVisibility()" class="content-block__visibility-button">
           <eye-icon class="content-block__visibility-icon"></eye-icon>
         </a>
         <visibility-popover :show="showVisibility" :content-block="contentBlock"></visibility-popover>
@@ -85,12 +85,16 @@
       line-height: 1.5;
     }
 
-    &__visibility-button {
+    &__visibility {
       position: absolute;
       left: -70px;
       top: -4px;
     }
 
+    &__visibility-button {
+      cursor: pointer;
+    }
+
     &__visibility-icon {
       width: 40px;
       height: 40px;