diff --git a/src/components/ScrollerManager.vue b/src/components/ScrollerManager.vue
index 2268cd51..ca989843 100644
--- a/src/components/ScrollerManager.vue
+++ b/src/components/ScrollerManager.vue
@@ -508,38 +508,6 @@ export default class ScrollerManager extends Mixins(GlobalMixin) {
     opacity: 1;
   }
 
-  // Hide ticks on mobile unless hovering
-  @include phone {
-    // Shift pointer events to hover cursor
-    pointer-events: none;
-    .cursor.hv {
-      pointer-events: all;
-    }
-
-    &:not(.scrolling) {
-      .cursor.hv {
-        left: 5px;
-        border: none;
-        box-shadow: 0 0 5px -3px #000;
-        height: 40px;
-        width: 70px;
-        border-radius: 20px;
-        > .text {
-          display: none;
-        }
-        > .icon {
-          display: block;
-        }
-      }
-      > .tick {
-        opacity: 0;
-      }
-    }
-    .cursor.st {
-      display: none;
-    }
-  }
-
   > .tick {
     pointer-events: none;
     position: absolute;
@@ -611,5 +579,42 @@ export default class ScrollerManager extends Mixins(GlobalMixin) {
       opacity: 1;
     }
   }
+
+  // Hide ticks on mobile unless hovering
+  @include phone {
+    // Shift pointer events to hover cursor
+    pointer-events: none;
+    .cursor.hv {
+      pointer-events: all;
+    }
+
+    > .tick {
+      right: 40px;
+    }
+    &:not(.scrolling) {
+      > .tick {
+        display: none;
+      }
+    }
+
+    .cursor.hv {
+      left: 5px;
+      border: none;
+      box-shadow: 0 0 5px -3px #000;
+      height: 40px;
+      width: 70px;
+      border-radius: 20px;
+      > .text {
+        display: none;
+      }
+      > .icon {
+        display: block;
+      }
+    }
+
+    .cursor.st {
+      display: none;
+    }
+  }
 }
 </style>
\ No newline at end of file