diff --git a/js/term/screen_renderer.js b/js/term/screen_renderer.js
index 66986f5..0a174bd 100644
--- a/js/term/screen_renderer.js
+++ b/js/term/screen_renderer.js
@@ -92,6 +92,9 @@ module.exports = class ScreenRenderer {
       this.defaultFgNum = fg
       this.defaultBgNum = bg
       this.scheduleDraw('default-colors')
+
+      // full bg with default color (goes behind the image)
+      this.screen.canvas.style.backgroundColor = this.getColor(bg)
     }
   }
 
diff --git a/sass/pages/_term.scss b/sass/pages/_term.scss
index 3b82cb5..61e68f9 100644
--- a/sass/pages/_term.scss
+++ b/sass/pages/_term.scss
@@ -25,6 +25,12 @@ body.term {
 
 	cursor: default;
 
+	canvas {
+		background-repeat: no-repeat;
+		background-position: center center;
+		background-size: contain;
+	}
+
 	canvas.selectable {
 		cursor: text;
 	}