diff --git a/app/javascript/styles/accounts.scss b/app/javascript/styles/accounts.scss
index 815f8b94fc8..10f8bd2b9c2 100644
--- a/app/javascript/styles/accounts.scss
+++ b/app/javascript/styles/accounts.scss
@@ -9,7 +9,7 @@
   overflow: hidden;
   position: relative;
 
-  @include single-column('screen and (max-width: 700px)') {
+  @media screen and (max-width: 700px) {
     border-radius: 0;
     box-shadow: none;
   }
@@ -148,7 +148,7 @@
     order: 1;
   }
 
-  @include single-column('screen and (max-width: 480px)') {
+  @media screen and (max-width: 480px) {
     .details {
       display: block;
     }
@@ -230,7 +230,7 @@
     color: lighten($ui-base-color, 10%);
   }
 
-  @include single-column('screen and (max-width: 360px)') {
+  @media screen and (max-width: 360px) {
     padding: 30px 20px;
 
     a,
@@ -258,7 +258,7 @@
   display: flex;
   flex-wrap: wrap;
 
-  @include single-column('screen and (max-width: 700px)') {
+  @media screen and (max-width: 700px) {
     border-radius: 0;
     box-shadow: none;
   }
diff --git a/app/javascript/styles/containers.scss b/app/javascript/styles/containers.scss
index 34d6cbc69b1..68f73e0c05b 100644
--- a/app/javascript/styles/containers.scss
+++ b/app/javascript/styles/containers.scss
@@ -3,7 +3,7 @@
   margin: 0 auto;
   margin-top: 40px;
 
-  @include single-column('screen and (max-width: 700px)') {
+  @media screen and (max-width: 700px) {
     width: 100%;
     margin: 0;
   }
@@ -15,7 +15,7 @@
   margin-bottom: 0;
   cursor: default;
 
-  @include single-column('screen and (max-width: 360px)') {
+  @media screen and (max-width: 360px) {
     margin: 30px auto;
   }