diff --git a/client/src/components/User/UserActivityBarSettings.vue b/client/src/components/User/UserActivityBarSettings.vue
index 878f7377ea3d..5b892b9a79e6 100644
--- a/client/src/components/User/UserActivityBarSettings.vue
+++ b/client/src/components/User/UserActivityBarSettings.vue
@@ -11,13 +11,13 @@ const enableActivityBar: WritableComputedRef<Boolean> = computed({
     get: () => {
         return userStore.showActivityBar;
     },
-    set: () => {
+    set: (toggle) => {
         // always toggle tool side panel when enabling activity bar
         if (userStore.toggledSideBar !== "tools") {
             userStore.toggleSideBar("tools");
         }
         // toggle activity bar
-        userStore.toggleActivityBar();
+        userStore.showActivityBar = toggle;
     },
 });
 </script>