diff --git a/public/img/tutorial/ch1pg10.png b/public/img/tutorial/ch1pg10.png
index 9cae3530..485fb02f 100644
Binary files a/public/img/tutorial/ch1pg10.png and b/public/img/tutorial/ch1pg10.png differ
diff --git a/public/img/tutorial/ch1pg9.png b/public/img/tutorial/ch1pg9.png
index 3bf30231..54d661a3 100644
Binary files a/public/img/tutorial/ch1pg9.png and b/public/img/tutorial/ch1pg9.png differ
diff --git a/views/tutorial/html/1.erb b/views/tutorial/html/1.erb
index b6cec602..c9de7569 100644
--- a/views/tutorial/html/1.erb
+++ b/views/tutorial/html/1.erb
@@ -22,7 +22,7 @@
     <div class="dialogue" style="left: 200px; top:30px;">
       Welcome, [NAME]! You're about to embark on a very exciting challenge: creating your first website!
     </div>
-    <div class="dialogue" style="left: 640px; top:20px;">
+    <div class="dialogue" style="left: 645px; top:20px;">
       You've already made the first important step of starting this lesson, so here's a badge for your profile.
     </div>
   </div>
diff --git a/views/tutorial/html/10.erb b/views/tutorial/html/10.erb
index f3b9c789..80111c26 100644
--- a/views/tutorial/html/10.erb
+++ b/views/tutorial/html/10.erb
@@ -1,8 +1,8 @@
-<div class="comic" style="height: 900px; background-image: url(/img/tutorial/ch1pg10.png);">
+<div class="comic" style="height: 900px; background-image: url(/img/tutorial/ch1pg10.png); background-size: 800px;">
   <div class="dialogue">
     And that's it for Chapter One! Here's a new badge for your first ever version of victoria.neocities.org!
   </div>
-  <div class="dialogue" style="top: 0;left:450px">
+  <div class="dialogue" style="top: 60px;left:560px">
     But you're not done yet! There's much in store for you: Adding colors, fonts, backgrounds, and more, all in chapter 2!
   </div>
 </div>
diff --git a/views/tutorial/html/9.erb b/views/tutorial/html/9.erb
index d70228d1..3d69a47b 100644
--- a/views/tutorial/html/9.erb
+++ b/views/tutorial/html/9.erb
@@ -1,11 +1,11 @@
-<div class="comic" style="height: 650px; background-image: url(/img/tutorial/ch1pg9.png);">
+<div class="comic" style="height: 650px; background-image: url(/img/tutorial/ch1pg9.png); background-size: 481px">
   <div class="dialogue">
     Good work! Everything you've written has been saved to index.html, which is the first web page people see when they <a href="<%= current_site.uri %>">visit your site</a>.
   </div>
-  <div class="dialogue" style="left: 280px;top: 140px">
+  <div class="dialogue" style="left: 275px;top: 190px">
     You can find and edit index.html by visiting your <a href="/dashboard">Neocities dashboard</a>.
   </div>
-  <div class="dialogue" style="left: 280px;top: 570px">
+  <div class="dialogue" style="left: 280px;top: 580px">
     A cheat sheet of all the tags you've learned can be found in the tutorial section.
   </div>
 </div>
diff --git a/views/tutorial/layout.erb b/views/tutorial/layout.erb
index af8457a3..4a2fa401 100644
--- a/views/tutorial/layout.erb
+++ b/views/tutorial/layout.erb
@@ -15,7 +15,7 @@
     <% else %>
 
     <div class="col col-40 interact">
-      <% if request.path =~ /\/html\/9?/ %>
+      <% if request.path =~ /\/html\/9/ %>
       <a href="/tutorial/html/10" class="btn btn-action">Next</a>
       <% else %>
       <input id="submit" class="btn btn-action" type="submit" value="Save">
@@ -31,7 +31,7 @@
   </body>
 </html>
       </textarea>
-      <div class="error" style="display: none; margin-top: 10px">
+      <div class="error" style="display: none; margin-top: 0">
         <i class="fa fa-exclamation-triangle"></i> Try again: make sure you change Hello World to something else.
       </div>
 
@@ -56,7 +56,7 @@
 
   function ok(msg, path) {
     displayInfo(msg, {
-      background: '#33CC33'
+      background: '#88d128'
     })
 
     setTimeout(function() {