diff --git a/src/components/MarkdownUi.vue b/src/components/MarkdownUi.vue
index 37c2b47d..f49b3ee9 100644
--- a/src/components/MarkdownUi.vue
+++ b/src/components/MarkdownUi.vue
@@ -41,17 +41,17 @@
       >
         <KCard class="preview-card">
           <div
-            v-if="htmlPreview"
-            class="markdown-html-preview"
-            data-testid="markdown-html-preview"
-            v-html="markdownPreviewHtml"
-          />
-          <div
-            v-else
+            v-if="!htmlPreview"
             class="markdown-rendered-content"
             data-testid="markdown-rendered-content"
             v-html="markdownHtml"
           />
+          <div
+            v-else
+            class="markdown-html-preview"
+            data-testid="markdown-html-preview"
+            v-html="markdownPreviewHtml"
+          />
         </KCard>
       </div>
     </div>