diff --git a/ui/src/components/dashboard/components/DashboardEditor.vue b/ui/src/components/dashboard/components/DashboardEditor.vue
index 463103fc4e3..59a15166880 100644
--- a/ui/src/components/dashboard/components/DashboardEditor.vue
+++ b/ui/src/components/dashboard/components/DashboardEditor.vue
@@ -114,7 +114,7 @@
                         class="plugin-doc combined-right-view enhance-readability"
                         :override-intro="intro"
                     />
-                    <div class="d-flex justify-content-center align-items-center w-100 p-5" v-if="currentView === views.CHART">
+                    <div class="d-flex justify-content-center align-items-center w-100 p-5" v-else-if="currentView === views.CHART">
                         <div v-if="selectedChart" class="w-100">
                             <p class="fs-6 fw-bold">
                                 {{ selectedChart.chartOptions?.displayName ?? selectedChart.id }}
diff --git a/ui/src/components/inputs/EditorView.vue b/ui/src/components/inputs/EditorView.vue
index 48f3c0258ff..2ef981f2847 100644
--- a/ui/src/components/inputs/EditorView.vue
+++ b/ui/src/components/inputs/EditorView.vue
@@ -177,7 +177,7 @@
             </div>
 
             <div
-                v-if="viewType === editorViewTypes.SOURCE_TOPOLOGY || viewType === editorViewTypes.TOPOLOGY"
+                v-else-if="viewType === editorViewTypes.SOURCE_TOPOLOGY || viewType === editorViewTypes.TOPOLOGY"
                 :class="viewType === editorViewTypes.SOURCE_TOPOLOGY ? 'combined-right-view' : 'vueflow'"
                 class="topology-display"
             >
@@ -206,7 +206,7 @@
             </div>
 
             <PluginDocumentation
-                v-if="viewType === editorViewTypes.SOURCE_DOC"
+                v-else-if="viewType === editorViewTypes.SOURCE_DOC"
                 class="plugin-doc combined-right-view enhance-readability"
             />
         </div>