fix

src/components/Bookmarks/Programs/Programs.vue

@@ -1,10 +1,15 @@
 <template>
   <div>
     <div class="wa__program__images">
-      <div
-        class="wa__program__image"
-        :style="{ backgroundImage: `url(${program.bookmark_data.thumbnail})` }"
-      ></div>
+      <img
+        class="wa__program__image w-100"
+        :src="
+          program.bookmark_data.thumbnail
+            ? program.bookmark_data.thumbnail
+            : 'https://via.placeholder.com/1280x720'
+        "
+        alt="product image"
+      />
       <div class="wa__program__image__button">
         <div class="wa__program__image__button--icon">
           <RectangleButton
@@ -80,9 +85,6 @@ export default {
   display: block;
   transition: 0.5s ease;
   backface-visibility: hidden;
-  height: 300px;
-  background-size: cover;
-  background-position: center;
 }
 .wa__program__image__button {
   transition: 0.5s ease;

src/components/Bookmarks/Workouts/Workouts.vue

@@ -2,13 +2,16 @@
   <div class="border-bottom">
     <v-row>
       <v-col cols="4" class="pr-0">
-        <div
-          class="workout__img"
-          :style="{
-            backgroundImage: `url(${workout.bookmark_data.thumbnail})`,
-          }"
-        ></div
-      ></v-col>
+        <img
+          class="rounded w-100"
+          :src="
+            workout.bookmark_data.thumbnail
+              ? workout.bookmark_data.thumbnail
+              : 'https://via.placeholder.com/1280x720'
+          "
+          alt="workout image"
+        />
+      </v-col>
       <v-col cols="8">
         <div class="details__card">
           <div>
@@ -26,17 +29,17 @@
                   label
                   color="gray"
                   text-color="black"
-                  class="mr-1 text-uppercase"
+                  class="mr-1 text-uppercase tag__chip"
                   xs
                   v-for="(item, i) in workout.bookmark_data.tags"
                   :key="i"
-                  :text="item.name"
+                  :text="item"
                 />
               </div>
               <div>
                 <RectangleButton
                   size="large"
-                  height="26"
+                  height="31"
                   icon="WMi-trash"
                   class="custom-btn ml-1"
                   @click="deleteBookmarkWorkout(workout.id)"
@@ -87,4 +90,8 @@ export default {
   height: 100%;
   justify-content: space-between;
 }
+.tag__chip {
+  font-size: 12px !important;
+  font-family: "Montserrat-light";
+}
 </style>