diff --git a/ayanova/src/components/work-order-item-units.vue b/ayanova/src/components/work-order-item-units.vue
index 915c6359..aebecf29 100644
--- a/ayanova/src/components/work-order-item-units.vue
+++ b/ayanova/src/components/work-order-item-units.vue
@@ -134,13 +134,23 @@
           lg="4"
           xl="3"
         >
+          <!-- {{
+            value.items[activeWoItemIndex].units[activeItemIndex].warrantyViz
+          }} -->
           <v-card>
             <v-card-title>{{ $ay.t("UnitWarrantyInfo") }}</v-card-title>
-            <v-card-text>
-              {{
+            <v-card-text
+              v-html="
                 value.items[activeWoItemIndex].units[activeItemIndex]
                   .warrantyViz
-              }}
+              "
+            >
+              <!-- <div
+                v-html="
+                  value.items[activeWoItemIndex].units[activeItemIndex]
+                    .warrantyViz
+                "
+              ></div> -->
             </v-card-text>
             <v-card-actions>
               <v-btn color="primary" text @click="getWarrantyInfo">{{
@@ -403,13 +413,13 @@ export default {
 
         this.value.items[this.activeWoItemIndex].units[
           this.activeItemIndex
-        ].warrantyViz = JSON.stringify(res.data);
+        ].warrantyViz = `<div>${JSON.stringify(res.data)}</div>`;
 
-        console.log(
-          "warrantyviz:",
-          this.value.items[this.activeWoItemIndex].units[this.activeItemIndex]
-            .warrantyViz
-        );
+        // console.log(
+        //   "warrantyviz:",
+        //   this.value.items[this.activeWoItemIndex].units[this.activeItemIndex]
+        //     .warrantyViz
+        // );
       }
     },
     showBulkUnitsDialog() {