diff --git a/web/app/components/comment/_level/comment_level.scss b/web/app/components/comment/_level/comment_level.scss
index 8ba7a197..db3cdb60 100644
--- a/web/app/components/comment/_level/comment_level.scss
+++ b/web/app/components/comment/_level/comment_level.scss
@@ -7,7 +7,7 @@ $step: 24px;
 
       &.comment_replying {
         .comment__input {
-          @media (hover: none) and (max-width: 768px) {
+          @media (-moz-touch-enabled: 1) and (max-width: 768px), (pointer:coarse) and (max-width: 768px) {
             margin-left: -$i * $step;
           }
         }
diff --git a/web/app/components/comment/_replying/comment_replying.scss b/web/app/components/comment/_replying/comment_replying.scss
index 1235a983..2980cf57 100644
--- a/web/app/components/comment/_replying/comment_replying.scss
+++ b/web/app/components/comment/_replying/comment_replying.scss
@@ -9,7 +9,7 @@
   }
 
   // it isn't mobile first, but it's fine here
-  @media (hover: none) and (max-width: 768px) {
+  @media (-moz-touch-enabled: 1) and (max-width: 768px), (pointer:coarse) and (max-width: 768px) {
     border: 8px solid #eee;
     padding-bottom: 0;