diff --git a/app/components/CameraManager.vue b/app/components/CameraManager.vue
index 15c19128..d03b743d 100644
--- a/app/components/CameraManager.vue
+++ b/app/components/CameraManager.vue
@@ -30,14 +30,7 @@ function handleClose() {
 </script>
 
 <template>
-  <ToolPanel
-    v-model="show"
-    title="Camera Positions"
-    :width="width"
-    :escapeFunction="handleClose"
-    style="top: 90px; right: 55px"
-    z-index="1"
-  >
+  <ToolPanel v-model="show" title="Camera Positions" :width="width" :escapeFunction="handleClose">
     <v-card-text class="pa-0">
       <Saver />
       <v-divider />
diff --git a/app/components/CameraOrientation.vue b/app/components/CameraOrientation.vue
index e3abe185..da15dc90 100644
--- a/app/components/CameraOrientation.vue
+++ b/app/components/CameraOrientation.vue
@@ -174,8 +174,6 @@ watch(hoveredFace, (newFace, oldFace) => {
     title="Camera Orientations"
     :width="width"
     :escapeFunction="escapeFunction"
-    style="top: 90px; right: 55px"
-    z-index="1"
   >
     <div
       class="pa-0 overflow-hidden position-relative"
diff --git a/app/components/ToolPanel.vue b/app/components/ToolPanel.vue
index b3893fe6..d8f1f078 100644
--- a/app/components/ToolPanel.vue
+++ b/app/components/ToolPanel.vue
@@ -71,7 +71,7 @@ function close() {
 .tool-panel {
   z-index: 1;
   top: 90px;
-  right: 55px;
+  right: 70px;
 }
 :deep(.v-card-title) {
   font-size: 0.9rem !important;
diff --git a/app/components/ViewToolbar.vue b/app/components/ViewToolbar.vue
index 8056fa3d..d9b8e408 100644
--- a/app/components/ViewToolbar.vue
+++ b/app/components/ViewToolbar.vue
@@ -47,6 +47,28 @@ onKeyStroke("Escape", () => {
   }
 });
 
+function closeAllToolsExcept(toolRef) {
+  const tools = [
+    showCameraOrientation,
+    show_camera_manager,
+    take_screenshot,
+    showZScaling,
+    showClippingPlanes,
+    showShrinkFilter,
+    showRuler,
+  ];
+  for (const tool of tools) {
+    if (tool !== toolRef) {
+      tool.value = false;
+    }
+  }
+}
+
+function toggleTool(toolRef) {
+  closeAllToolsExcept(toolRef);
+  toolRef.value = !toolRef.value;
+}
+
 const camera_options = computed(() => [
   {
     testId: "resetCameraButton",
@@ -118,7 +140,7 @@ const camera_options = computed(() => [
     tooltip: "Camera orientation",
     icon: "mdi-rotate-3d",
     action: () => {
-      showCameraOrientation.value = !showCameraOrientation.value;
+      toggleTool(showCameraOrientation);
     },
   },
   {
@@ -127,7 +149,7 @@ const camera_options = computed(() => [
     icon: CameraBookmarkIcon,
     iconSize: 34,
     action: () => {
-      show_camera_manager.value = !show_camera_manager.value;
+      toggleTool(show_camera_manager);
     },
   },
   {
@@ -135,7 +157,7 @@ const camera_options = computed(() => [
     tooltip: "Take a screenshot",
     icon: "mdi-camera",
     action: () => {
-      take_screenshot.value = !take_screenshot.value;
+      toggleTool(take_screenshot);
     },
   },
   {
@@ -165,7 +187,7 @@ const camera_options = computed(() => [
     tooltip: "Z Scaling Control",
     icon: "mdi-sort",
     action: () => {
-      showZScaling.value = !showZScaling.value;
+      toggleTool(showZScaling);
     },
   },
   {
@@ -174,7 +196,7 @@ const camera_options = computed(() => [
     icon: "mdi-content-cut",
     color: showClippingPlanes.value ? "primary" : undefined,
     action: () => {
-      showClippingPlanes.value = !showClippingPlanes.value;
+      toggleTool(showClippingPlanes);
     },
   },
   {
@@ -183,7 +205,7 @@ const camera_options = computed(() => [
     icon: "mdi-arrow-collapse-all",
     color: showShrinkFilter.value ? "primary" : undefined,
     action: () => {
-      showShrinkFilter.value = !showShrinkFilter.value;
+      toggleTool(showShrinkFilter);
     },
   },
   {
@@ -192,7 +214,7 @@ const camera_options = computed(() => [
     icon: "mdi-ruler",
     color: showRuler.value ? "primary" : undefined,
     action: () => {
-      showRuler.value = !showRuler.value;
+      toggleTool(showRuler);
     },
   },
 ]);