diff --git a/dist/assets/stylesheets/main.css b/dist/assets/stylesheets/main.css
index 60a679f..272dcb9 100644
--- a/dist/assets/stylesheets/main.css
+++ b/dist/assets/stylesheets/main.css
@@ -4,6 +4,13 @@ div {
 	font-family: "Arial", Helvetica, sans-serif;
 }
 
+#instructions {
+	margin: auto;
+	width: 50%;
+	border: 1px solid blue;
+	padding: 16px;
+}
+
 .instruction {
 	display: block;
 	color: blue;
diff --git a/dist/index.html b/dist/index.html
index e039779..a3d092c 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -11,10 +11,6 @@
         <div id="dropZone">
           <div id="output"></div>
 
-          <div id="instructions" class="instruction">
-            <p>Drag images onto the page to upload them. Advance frames with arrow keys</p>
-          </div>
-
           <div id="frameNumber" class="warning">
               <p></p>
           </div>
@@ -22,6 +18,10 @@
           <div id="currentImage">
             <img alt="">
           </div>
+          
+          <div id="instructions" class="instruction">
+            <p>Drag images onto the page to upload them. Advance frames with arrow keys</p>
+          </div>
         </div>
 
         <script src="bundle.js"></script>