diff --git a/src/app/features/tasks/task/task.component.mixins.scss b/src/app/features/tasks/task/task.component.mixins.scss
index a68cacba4a..9fd39e161f 100644
--- a/src/app/features/tasks/task/task.component.mixins.scss
+++ b/src/app/features/tasks/task/task.component.mixins.scss
@@ -56,11 +56,11 @@ $task-c-selected-bg-dark: $dark-theme-bg-slightly-lighter;
 
 @mixin isHostFocus($direct-parent-only-sel: false) {
   @if $direct-parent-only-sel {
-    :host-context(.isNoTouchDevice):focus > #{$direct-parent-only-sel} > & {
+    :host-context(.isNoTouchOnlyDevice):focus > #{$direct-parent-only-sel} > & {
       @content;
     }
   } @else {
-    :host-context(.isNoTouchDevice):focus & {
+    :host-context(.isNoTouchOnlyDevice):focus & {
       @content;
     }
   }
diff --git a/src/app/features/tasks/task/task.component.scss b/src/app/features/tasks/task/task.component.scss
index 5f48713dbc..a0919b5a97 100644
--- a/src/app/features/tasks/task/task.component.scss
+++ b/src/app/features/tasks/task/task.component.scss
@@ -272,7 +272,7 @@
   }
 
   @include mq(xs, max) {
-    :host-context(.isTouchDevice) & {
+    :host-context(.isTouchOnlyDevice) & {
       display: none !important;
     }
   }
@@ -767,7 +767,7 @@ $this-play-size: 22px;
   transform-origin: left top;
   transition-property: all;
 
-  :host-context(.isNoTouchDevice) & {
+  :host-context(.isNoTouchOnlyDevice) & {
     opacity: 0;
   }
 
diff --git a/src/styles/components/scrollbars.scss b/src/styles/components/scrollbars.scss
index fbf4960a3b..dc251b7935 100644
--- a/src/styles/components/scrollbars.scss
+++ b/src/styles/components/scrollbars.scss
@@ -54,7 +54,7 @@
 }
 
 @include mq(xs, max) {
-  .isNoTouchDevice {
+  .isNoTouchOnlyDevice {
     @include _scrollBarStyles;
   }
 }