diff --git a/common/app/routes/Challenges/Preview.jsx b/common/app/routes/Challenges/Preview.jsx
index 1e1faf8632..a69b225fc8 100644
--- a/common/app/routes/Challenges/Preview.jsx
+++ b/common/app/routes/Challenges/Preview.jsx
@@ -3,6 +3,8 @@ import { connect } from 'react-redux';
 
 import ns from './ns.json';
 import { isJSEnabledSelector } from './redux';
+import {Alert} from 'react-bootstrap';
+
 
 const mainId = 'fcc-main-frame';
 
@@ -23,9 +25,12 @@ export class Preview extends PureComponent {
       <div className={ `${ns}-preview` }>
         {
           !isJSEnabled && (
-            <span className={ `${ns}-preview-js-warning` }>
+            <Alert
+            bsStyle='info'
+            className={ `${ns}-preview-js-warning`}
+            >
               JavaScript is disabled. Execute code to enable
-            </span>
+            </Alert>
           )
         }
         <iframe