diff --git a/js/components/nglView/nglView.js b/js/components/nglView/nglView.js
index 7eba78400..012cdf5c4 100644
--- a/js/components/nglView/nglView.js
+++ b/js/components/nglView/nglView.js
@@ -90,7 +90,7 @@ const NglView = memo(({ div_id, height, setOrientation, removeAllNglComponents,
     const nglViewFromContext = getNglView(div_id);
     if (stage === undefined && !nglViewFromContext) {
       const newStage = new Stage(div_id);
-      newStage.setParameters({ [NGL_PARAMS.backgroundColor]: BACKGROUND_COLOR.white });
+      newStage.setParameters({ [NGL_PARAMS.backgroundColor]: BACKGROUND_COLOR.black });
       registerNglView(div_id, newStage);
       registerStageEvents(newStage, getNglView);
       setStage(newStage);
diff --git a/js/reducers/ngl/dispatchActions.js b/js/reducers/ngl/dispatchActions.js
index 23ece65b9..a63fe0701 100644
--- a/js/reducers/ngl/dispatchActions.js
+++ b/js/reducers/ngl/dispatchActions.js
@@ -93,6 +93,10 @@ export const setOrientation = (div_id, orientation) => (dispatch, getState) => {
       isEmpty(nglOrientations) ||
       (nglOrientations && nglOrientations[div_id] === undefined))
   ) {
+    // TODO Zoom out (about 2x demagnification) from whatever value it currently calculates
+    orientation.elements[0] = 10 + orientation.elements[0];
+    orientation.elements[5] = 10 + orientation.elements[5];
+    orientation.elements[10] = 10 + orientation.elements[10];
     dispatch(setNglOrientation(orientation, div_id));
   }
 };