diff --git a/src/index.html b/src/index.html
index 609c984..0dc0ea2 100644
--- a/src/index.html
+++ b/src/index.html
@@ -130,7 +130,7 @@
 					</div>
 				</div>
 				<div class="demo-side" id="js-demo-side">
-					<iframe src="about://blank" frameborder="0" id="demo-frame"></iframe>
+					<iframe src="about://blank" frameborder="0" id="demo-frame" allowfullscreen></iframe>
 					<div id="consoleEl" class="console is-minimized">
 						<div id="consoleLogEl" class="console__log" class="code">
 							<div class="js-console__header  code-wrap__header" title="Double click to toggle console">
@@ -206,7 +206,7 @@
 							<path d="M22,17V7H6V17H22M22,5A2,2 0 0,1 24,7V17C24,18.11 23.1,19 22,19H16V21H18V23H10V21H12V19H6C4.89,19 4,18.11 4,17V7A2,2 0 0,1 6,5H22M2,3V15H0V3A2,2 0 0,1 2,1H20V3H2Z" />
 						</svg>
 					</a>
-				
+
 
 					<div class="footer__separator"></div>
 
@@ -234,7 +234,7 @@
 				<!-- #00ACED -->
 				<a class="footer__link  hint--rounded  hint--top-right" data-hint="Tweet about 'Web Maker'" href="http://twitter.com/share?url=https://webmakerapp.com/&text=Web Maker - A blazing fast %26 offline web playground! via @webmakerApp&related=webmakerApp&hashtags=web,playground,chrome,extension" target="_blank">
 					<svg style="width:20px; height:20px; vertical-align:text-bottom">
-						<use xlink:href="#twitter-icon"></use>							
+						<use xlink:href="#twitter-icon"></use>
 					</svg>
 				</a>
 
@@ -245,7 +245,7 @@
 			<div class="modal__content">
 				<a d-click="onModalCloseBtnClick" href="" aria-label="Close add library modal" title="Close" class="js-modal__close-btn  modal__close-btn">
 					<svg>
-						<use xlink:href="#cross-icon"></use>							
+						<use xlink:href="#cross-icon"></use>
 					</svg>
 				</a>
 				<h1>Add Library</h1>
@@ -275,7 +275,7 @@
 			<div class="modal__content">
 				<a d-click="onModalCloseBtnClick" href="" aria-label="Close CSS settings modal" title="Close" class="js-modal__close-btn  modal__close-btn">
 					<svg>
-						<use xlink:href="#cross-icon"></use>							
+						<use xlink:href="#cross-icon"></use>
 					</svg>
 				</a>
 				<h1>Atomic CSS Settings</h1>
@@ -377,7 +377,7 @@
 				</div>
 			</div>
 
-				
+
 				<p class="tac">
 					<button class="btn" d-click="closeAllOverlays">Lets start!</button>
 				</p>
@@ -388,7 +388,7 @@
 			<div class="modal__content">
 				<a d-click="onModalCloseBtnClick" href="" aria-label="Close Settings" title="Close" class="js-modal__close-btn  modal__close-btn">
 					<svg>
-						<use xlink:href="#cross-icon"></use>							
+						<use xlink:href="#cross-icon"></use>
 					</svg>
 				</a>
 				<h1>Settings</h1>
@@ -505,7 +505,7 @@
 						</label>
 					</div>
 				</div>
-        
+
 				<hr>
 
 				<h3>Fun</h3>
diff --git a/src/preview.html b/src/preview.html
index 32b727b..8bddf9c 100644
--- a/src/preview.html
+++ b/src/preview.html
@@ -1,8 +1,8 @@
 <link rel="stylesheet" href="style.css">
 
 <body>
-    
-    <iframe src="about://blank" frameborder="0" id="demo-frame"></iframe>
+
+    <iframe src="about://blank" frameborder="0" id="demo-frame" allowfullscreen></iframe>
 
 
     <script src="detached-window.js"></script>
