diff --git a/client/web/compose/src/components/Namespaces/NamespaceSidebar.vue b/client/web/compose/src/components/Namespaces/NamespaceSidebar.vue
index a3cb2b1ed..1506d9f66 100644
--- a/client/web/compose/src/components/Namespaces/NamespaceSidebar.vue
+++ b/client/web/compose/src/components/Namespaces/NamespaceSidebar.vue
@@ -1,9 +1,11 @@
 <template>
   <div>
     <portal to="sidebar-header-expanded">
-      <b-input-group class="d-flex w-100 mt-2">
+      <b-input-group
+        v-if="!hideNamespaceList"
+        class="d-flex w-100 mt-2"
+      >
         <vue-select
-          v-if="!hideNamespaceList"
           key="namespaceID"
           data-test-id="select-namespace"
           label="name"
@@ -34,10 +36,9 @@
           </template>
         </vue-select>
 
-        <b-input-group-append>
+        <b-input-group-append v-if="canManageNamespaces">
           <b-button
-            v-if="canManageNamespaces"
-            :disabled="canUpdateNamespace"
+            :disabled="!canUpdateNamespace"
             :title="$t('editNamespace')"
             variant="primary"
             class="d-flex align-items-center"
@@ -293,7 +294,7 @@ export default {
     },
 
     canUpdateNamespace () {
-      return this.namespace ? !this.namespace.canUpdateNamespace : false
+      return this.namespace ? this.namespace.canUpdateNamespace : false
     },
 
     namespaceID () {