diff --git a/package.json b/package.json
index 11edeb7..3eca439 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "web-components",
-  "version": "1.4.7",
+  "version": "1.4.8",
   "private": false,
   "sideEffects": [
     "*.vue",
diff --git a/src/components/molecules/table-rows/HistoryTableLoadingRow.vue b/src/components/molecules/table-rows/HistoryTableLoadingRow.vue
index 39df05c..e9064f2 100644
--- a/src/components/molecules/table-rows/HistoryTableLoadingRow.vue
+++ b/src/components/molecules/table-rows/HistoryTableLoadingRow.vue
@@ -1,6 +1,11 @@
 <template>
   <div :class="['flex flex-col gap-1 border-b-[1px] border-border-color py-3 md:flex-row md:gap-0', $attrs.class]">
-    <div :class="['flex flex-1 items-center gap-0.5 text-14 font-medium uppercase text-neutral-400', $attrs.class]">
+    <div
+      :class="[
+        'flex max-w-[200px] flex-1 items-center gap-0.5 text-14 font-medium uppercase text-neutral-400',
+        $attrs.class
+      ]"
+    >
       <a
         class="flex items-center gap-1 text-primary-50"
         target="_blank"
@@ -9,7 +14,12 @@
         {{ props.status }}
       </a>
     </div>
-    <div :class="['flex flex-1 items-center gap-0.5 text-12 text-14 font-medium text-neutral-400', $attrs.class]">
+    <div
+      :class="[
+        'flex flex-1 items-center gap-0.5 text-12 text-14 font-medium font-semibold text-neutral-400',
+        $attrs.class
+      ]"
+    >
       <span :class="['text-neutral-typography-200']">{{ props.action }}</span>
     </div>
     <div