Add 2 pixel padding for term element and set fixed width for element

public/javascripts/terminal.js

@@ -16,7 +16,7 @@ SP.Terminal.prototype = {
     var container = $(".player .term");
     this.element = container;
     this.renderLine(0); // we only need 1 line
-    this.element.css({ height: this.element.height() * this.lines });
+    this.element.css({ width: this.element.width(), height: this.element.height() * this.lines });
   },
 
   getLine: function(n) {

public/stylesheets/main.css

@@ -94,7 +94,7 @@ h2 {
 }
 
 .term {
-  padding: 0px;
+  padding: 2px;
   margin: 0px;
   display: block;
   font-family: 'Droid Sans Mono', Monospace;