diff --git a/scss/_reboot.scss b/scss/_reboot.scss
index 16e9603f31..f25e2cdb1d 100644
--- a/scss/_reboot.scss
+++ b/scss/_reboot.scss
@@ -42,12 +42,13 @@ html {
 //
 // See http://getbootstrap.com/getting-started/#support-ie10-width for the relevant hack.
 
-@-moz-viewport      { width: device-width; }
-@-ms-viewport       { width: device-width; }
-@-o-viewport        { width: device-width; }
-@-webkit-viewport   { width: device-width; }
-@viewport           { width: device-width; }
-
+@at-root {
+  @-moz-viewport      { width: device-width; }
+  @-ms-viewport       { width: device-width; }
+  @-o-viewport        { width: device-width; }
+  @-webkit-viewport   { width: device-width; }
+  @viewport           { width: device-width; }
+}
 
 //
 // Reset HTML, body, and more