diff --git a/prototype/arrows/index.md b/prototype/arrows/index.md
index 81485b8..bfbdb37 100644
--- a/prototype/arrows/index.md
+++ b/prototype/arrows/index.md
@@ -27,11 +27,11 @@ button.
 <button class="btn btn-primary" id="full" style="margin-bottom: 10px; display: none;">Fullscreen</button>
 <button class="btn btn-primary" id="reset" style="margin-bottom:10px">Reset camera</button>
 
-<button class="btn btn-danger" id="undo" style="margin-bottom:10px">
+<button class="btn btn-default" id="undo" style="margin-bottom:10px">
 <span class="glyphicon glyphicon-triangle-left" aria-hidden="true"></span>
 </button>
 
-<button class="btn btn-danger" id="redo" style="margin-bottom:10px">
+<button class="btn btn-default" id="redo" style="margin-bottom:10px">
 <span class="glyphicon glyphicon-triangle-right" aria-hidden="true"></span>
 </button>
 <input  type="checkbox" id="fullarrow" style="margin-bottom:10px">
diff --git a/static/js/PointerCamera.js b/static/js/PointerCamera.js
index c3f10fa..f176b5e 100644
--- a/static/js/PointerCamera.js
+++ b/static/js/PointerCamera.js
@@ -134,7 +134,6 @@ PointerCamera.prototype.reset = function() {
     this.position.copy(new THREE.Vector3(-8.849933489419644, 9.050627639459208, 0.6192960680432451));
     this.target.copy(new THREE.Vector3(17.945323228767702, -15.156828589982375, -16.585740412769756));
     this.anglesFromVectors();
-    this.save();
 }
 
 PointerCamera.prototype.vectorsFromAngles = function() {
diff --git a/static/js/prototype/arrows/main.js b/static/js/prototype/arrows/main.js
index c7192aa..1fffe41 100644
--- a/static/js/prototype/arrows/main.js
+++ b/static/js/prototype/arrows/main.js
@@ -41,13 +41,13 @@ var redoElement = document.getElementById('redo');
 function updateElements() {
     // Update icon
     if (!cameras.mainCamera().undoable()) {
-        undoElement.className = "btn btn-danger";
+        undoElement.className = "btn btn-default";
     } else {
         undoElement.className = "btn btn-primary";
     }
 
     if (!cameras.mainCamera().redoable()) {
-        redoElement.className = "btn btn-danger";
+        redoElement.className = "btn btn-default";
     } else {
         redoElement.className = "btn btn-primary";
     }
@@ -139,6 +139,7 @@ function init() {
     var camera1 = new PointerCamera(50, container_size.width() / container_size.height(), 0.01, 100000, container);
     camera1.speed = 0.001;
     camera1.reset();
+    camera1.save();
     scene.add(camera1);
     cameras.push(camera1);
 
diff --git a/static/js/prototype/viewport/main.js b/static/js/prototype/viewport/main.js
index f6ba744..7bafc21 100644
--- a/static/js/prototype/viewport/main.js
+++ b/static/js/prototype/viewport/main.js
@@ -41,13 +41,13 @@ var redoElement = document.getElementById('redo');
 function updateElements() {
     // Update icon
     if (!cameras.mainCamera().undoable()) {
-        undoElement.className = "btn btn-danger";
+        undoElement.className = "btn btn-default";
     } else {
         undoElement.className = "btn btn-primary";
     }
 
     if (!cameras.mainCamera().redoable()) {
-        redoElement.className = "btn btn-danger";
+        redoElement.className = "btn btn-default";
     } else {
         redoElement.className = "btn btn-primary";
     }
@@ -139,6 +139,7 @@ function init() {
     var camera1 = new PointerCamera(50, container_size.width() / container_size.height(), 0.01, 100000, container);
     camera1.speed = 0.001;
     camera1.reset();
+    camera1.save();
     scene.add(camera1);
     cameras.push(camera1);