diff --git a/css/styles.css b/css/styles.css
index 653fa04..ef4eb03 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -2,13 +2,13 @@ body { font-family: Verdana; font-size: 0.8em; padding: 20px 100px 0px 100px; ma
 code { font-size: 1.2em; font-weight: bold; }
 
 .links { float: right; position: absolute; right: 10px; top: 10px; }
-
+.mono { font-family: monospace; font-size: 1.3em }
 .expressionInput { width: 500px; padding: 3px; border: solid 1px lightgray; }
 
 .result { margin: 10px 10px 30px; }
-.result .input { font-style: italic; margin-bottom: 10px; }
+.result .input { margin-bottom: 10px; }
 .result .content { padding-left: 10px}
-.result .cur { color: lightgray; margin-right: 5px }
+.result .cur { color: lightgray; margin-right: 5px; }
 
 .expression .label { font-weight:  bold; padding-right: 5px; text-align: right; }
 .expression .bin { letter-spacing: 3px; }
diff --git a/index.html b/index.html
index 5b7b12b..ac7c899 100644
--- a/index.html
+++ b/index.html
@@ -44,7 +44,7 @@
     </div>
 
     <div>
-        <input id="in" type="text" class="expressionInput" data-controller="expressionInputCtrl" placeholder="type expression like '1>>2' or 'help' "/>
+        <input id="in" type="text" class="expressionInput mono" data-controller="expressionInputCtrl" placeholder="type expression like '1>>2' or 'help' "/>
 
         <span data-controller="configPanelCtrl" class="configPnl">
              <span id="emphasizeBytes" class="indicator on"><strong>em:</strong> Emphasize Bytes</span>
@@ -92,7 +92,7 @@
 
 <script data-template="resultView" type="text/template">
     <div class="result">
-        <div class="input"><span class="cur">&gt;</span>{input}</div>
+        <div class="input mono"><span class="cur">&gt;</span>{input}</div>
         <div class="content"></div>
     </div>
 </script>