diff --git a/three_d_viewer/static/three_d_viewer/css/styles.css b/three_d_viewer/static/three_d_viewer/css/styles.css
index a06ec58..5cd2624 100644
--- a/three_d_viewer/static/three_d_viewer/css/styles.css
+++ b/three_d_viewer/static/three_d_viewer/css/styles.css
@@ -234,7 +234,7 @@ body {
 
 #virtualObject {
 	width: 80%;
-	height: auto;
+	height: 100%;
 	float: right;
 }
 
diff --git a/three_d_viewer/templates/three_d_viewer/mineral_detail.html b/three_d_viewer/templates/three_d_viewer/mineral_detail.html
index fe76d4a..ef931f1 100644
--- a/three_d_viewer/templates/three_d_viewer/mineral_detail.html
+++ b/three_d_viewer/templates/three_d_viewer/mineral_detail.html
@@ -128,7 +128,7 @@ function webGLStart(){
   initShaders();
   initBuffers();
 
-  gl.clearColor(1.0, 1.0, 1.0, 1.0);
+  gl.clearColor(0, 0, 0, 0);
   gl.enable(gl.DEPTH_TEST);
   gl.viewport(0, 0, gl.viewportWidth, gl.viewportHeight);
 
@@ -385,7 +385,7 @@ function handleMouseMove(event){
 }
 
 function resizeCanvas() {
-  var canvas = document.getElementById("canvas") ;
+  var canvas = document.getElementById("canvas");
   var parent = document.getElementById("virtualObject");
 
   var canvasWidth1 = canvas.width;