diff --git a/css/theme.css b/css/theme.css
index 25ec080..b68b994 100755
--- a/css/theme.css
+++ b/css/theme.css
@@ -162,8 +162,9 @@ span.caret {
 /*Base Mobile Layout*/
 .terminal {
     width: 90%;
+    min-height:300px;
     margin: 2vh auto;
-    font-family:courier,fixed;
+    font-family: roboto mono,courier,fixed;
     font-size: 13px;
     color: #dbdbdb;
 
@@ -316,6 +317,10 @@ img.pixelated {
     color: #0085e3;
 }
 
+.directory {
+    font-weight: bold;
+    color: #0085e3;
+}
 
 
 @font-face {
diff --git a/index.html b/index.html
index f1d1ea7..715c307 100755
--- a/index.html
+++ b/index.html
@@ -293,7 +293,7 @@ Last login: Thu Feb 15 20:54:55 2018 from 192.168.1.2<br />')
     .type('ls -a')
     .put('<br/>')
     .waitRange(250, 350)
-    .put('.   ..   Documents   Pictures   www   .superSecretStuff')
+    .put('<span class="directory">.</span>   <span class="directory">..</span>   <span class="directory">Documents</span>   <span class="directory">Pictures</span>   <span class="directory">www</span>   .superSecretStuff')
     .put('<br />')
     .put('<span class="login-session">guest@192.168.1.1</span>:<span class="tilde">~</span>$ ')
     .wait(500)
@@ -302,7 +302,7 @@ Last login: Thu Feb 15 20:54:55 2018 from 192.168.1.2<br />')
     .put('ocuments/')
     .put('<br />')
     .waitRange(250, 350)
-    .put('.   ..   portfolio.txt')
+    .put('<span class="directory">.</span>   <span class="directory">..</span>   portfolio.txt')
     .put('<br />')
     .put('<span class="login-session">guest@192.168.1.1</span>:<span class="tilde">~</span>$ ')
     .wait(1000)