diff --git a/bigbluebutton-html5/imports/ui/components/video-preview/styles.scss b/bigbluebutton-html5/imports/ui/components/video-preview/styles.scss
index c57b7c8e48d3542452d55cea732fed1989d3f122..90ffd930baa713f6ee6259315729dbf70153b68b 100644
--- a/bigbluebutton-html5/imports/ui/components/video-preview/styles.scss
+++ b/bigbluebutton-html5/imports/ui/components/video-preview/styles.scss
@@ -17,7 +17,7 @@
   display: flex;
 
   width: 30%;
-  @include mq("#{$small-only}") {
+  @include mq($small-only) {
     width: 100%;
   }
 
@@ -30,7 +30,7 @@
   display: flex;
   flex: 3;
 
-  @include mq("#{$small-only}") {
+  @include mq($small-only) {
     flex-direction: column;
   }
 }
@@ -63,7 +63,7 @@
   border-radius: 5px;
   width: 100%;
   height: 8rem;
-  @include mq("#{$small-only}") {
+  @include mq($small-only) {
     height: 100%;
   }
 }