diff --git a/services/web/frontend/stylesheets/app/website-redesign.less b/services/web/frontend/stylesheets/app/website-redesign.less
index 2be9bc1ab6..2fdd4ad1f5 100644
--- a/services/web/frontend/stylesheets/app/website-redesign.less
+++ b/services/web/frontend/stylesheets/app/website-redesign.less
@@ -1053,6 +1053,15 @@
         justify-content: start;
       }
     }
+
+    @media (max-width: @screen-xs-max) {
+      width: 100%;
+      // this is currently useful for responsive-button-container that has two buttons
+      // in our current implementation, all two-buttons container will have the same value (explore plan + sign up)
+      // we want to sign up to be on the right side on big screen, and on the top on small screen
+      // if we want to apply this style for different buttons scenario, we should change this
+      flex-direction: column-reverse;
+    }
   }
 
   .label-premium {