diff --git a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabBug/linkDefectDrawer.vue b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabBug/linkDefectDrawer.vue
index e91c2b01ea..6c6a825b13 100644
--- a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabBug/linkDefectDrawer.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabBug/linkDefectDrawer.vue
@@ -30,12 +30,10 @@
       <ms-base-table ref="tableRef" v-bind="propsRes" v-on="propsEvent">
         <template #name="{ record }">
           <span class="one-line-text max-w-[300px]"> {{ record.name }}</span>
-          <a-popover title="" position="right">
+          <a-popover title="" position="right" style="width: 480px">
             <span class="ml-1 text-[rgb(var(--primary-5))]">{{ t('caseManagement.featureCase.preview') }}</span>
             <template #content>
-              <div class="max-w-[600px] text-[14px] text-[var(--color-text-1)]">
-                {{ record.content }}
-              </div>
+              <div class="markdown-body" style="margin-left: 48px" v-html="record.content"> </div>
             </template>
           </a-popover>
         </template>
diff --git a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabBug/tabDefect.vue b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabBug/tabDefect.vue
index 9bfd9c9907..abf90e55d4 100644
--- a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabBug/tabDefect.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabBug/tabDefect.vue
@@ -58,12 +58,10 @@
     <ms-base-table v-if="showType === 'link'" ref="tableRef" v-bind="linkPropsRes" v-on="linkTableEvent">
       <template #name="{ record }">
         <span class="one-line-text max-w-[300px]"> {{ record.name }}</span>
-        <a-popover title="" position="right">
+        <a-popover title="" position="right"  style="width: 480px">
           <span class="ml-1 text-[rgb(var(--primary-5))]">{{ t('caseManagement.featureCase.preview') }}</span>
           <template #content>
-            <div class="max-w-[600px] text-[14px] text-[var(--color-text-1)]">
-              {{ record.content }}
-            </div>
+            <div class="markdown-body" style="margin-left: 48px" v-html="record.content"> </div>
           </template>
         </a-popover>
       </template>