diff --git a/public/img/tutorial/ch1pg1.png b/public/img/tutorial/ch1pg1.png
index 2d6f61eb..67be68c0 100644
Binary files a/public/img/tutorial/ch1pg1.png and b/public/img/tutorial/ch1pg1.png differ
diff --git a/public/img/tutorial/ch1pg1_2.png b/public/img/tutorial/ch1pg1_2.png
index eb16fad8..efb82492 100644
Binary files a/public/img/tutorial/ch1pg1_2.png and b/public/img/tutorial/ch1pg1_2.png differ
diff --git a/views/tutorial/html/1.erb b/views/tutorial/html/1.erb
index dbc05aac..a3e0cd3e 100644
--- a/views/tutorial/html/1.erb
+++ b/views/tutorial/html/1.erb
@@ -1,33 +1,33 @@
 <div class="comic" style="height: 967px; background-image: url(/img/tutorial/ch1pg1.png); background-size: 839px;">
-  <div class="dialogue" style="left: 280px; top:370px;">
+  <div class="dialogue" style="left: 275px; top:370px;">
     Oh, a new student!
   </div>
-  <div class="dialogue" style="left: 590px; top:370px;">
+  <div class="dialogue" style="left: 590px; top:368px;">
     Ahem, please come in!
   </div>
-  <div class="dialogue" style="left: 50px; top:635px;">
+  <div class="dialogue" style="left: 38px; top:635px;">
     I'm Penelope, and I'll be your teacher.
   </div>
-  <div class="dialogue" style="left: 500px; top:645px;">
+  <div class="dialogue" style="left: 500px; top:643px;">
     What's your name?
   </div>
   <div style="position: absolute; left: 490px; top:865px;">
     <input id="nameInput" type="text" placeholder="First Name" style="position: relative">
-    <button id="checkButton" class="btn btn-active">Go</button>
+    <button id="checkButton" class="btn-Action" style="margin-top: -5px">Go</button>
   </div>
 </div>
 
 <div class="nextPanel" style="display: none">
   <div class="comic" style="height: 300px; background-image: url(/img/tutorial/ch1pg1_2.png);background-size: 839px;">
-    <div class="dialogue" style="left: 194px; top:30px;">
+    <div class="dialogue" style="left: 194px; top:27px;">
       Welcome, [NAME]! You're about to embark on a very exciting challenge: creating your first website!
     </div>
-    <div class="dialogue" style="left: 645px; top:20px;">
+    <div class="dialogue" style="left: 645px; top:16px;">
       You've already made the first important step of starting this lesson, so here's a badge for your profile.
     </div>
   </div>
 
-  <a href="/tutorial/html/2" class="btn btn-active">Next</a>
+  <a href="/tutorial/html/2" class="btn-Action">Next</a>
 </div>
 
 <script>
diff --git a/views/tutorial/layout.erb b/views/tutorial/layout.erb
index e34cfc01..e015dd8e 100644
--- a/views/tutorial/layout.erb
+++ b/views/tutorial/layout.erb
@@ -20,10 +20,10 @@
 
     <div class="col col-40 interact">
       <% if request.path =~ /\/html\/9/ %>
-      <a href="/tutorial/html/10" class="btn btn-action">Next</a>
+      <a href="/tutorial/html/10" class="btn btn-Action">Next</a>
       <% else %>
-      <input id="submit" class="btn btn-action" type="submit" value="Save">
-      <input id="reset" class="btn btn-action" type="submit" value="Reset">
+      <input id="submit" class="btn btn-Action" type="submit" value="Save">
+      <input id="reset" class="btn cancel" style="margin-right: 10px" type="submit" value="Reset">
       <% end %>
       <h3 class="editor-heading">HTML</h3>