diff --git a/frontend/components/profile/purchases-and-orders/index/PurchasesTableRow.vue b/frontend/components/profile/purchases-and-orders/index/PurchasesTableRow.vue
index c8a668c..f36671f 100644
--- a/frontend/components/profile/purchases-and-orders/index/PurchasesTableRow.vue
+++ b/frontend/components/profile/purchases-and-orders/index/PurchasesTableRow.vue
@@ -26,21 +26,23 @@ const createdTimeAgo = usePersianTimeAgo(new Date(data.value.created_at));
     >
         <td
             scope="row"
-            class="w-3/12 px-6 py-6 font-medium whitespace-nowrap"
+            class="w-3/12 px-6 py-6 text-xs lg:text-sm font-medium whitespace-pre shrink-0"
             :class="data.order_id ? 'text-cyan-500' : 'text-black'"
         >
             {{ data.order_id ? `${data.order_id}#` : "--" }}
         </td>
-        <td class="w-3/12 px-6 py-6">
+        <td
+            class="w-3/12 px-6 py-6 text-xs lg:text-sm font-medium whitespace-pre shrink-0"
+        >
             {{ data.created_at ? createdTimeAgo : "--" }}
         </td>
-        <td class="w-2/12 px-6 py-6">
+        <td class="w-2/12 px-6 py-6 text-xs lg:text-sm whitespace-pre shrink-0">
             {{ data.count ? data.count : "--" }}
         </td>
-        <td class="w-2/12 px-6 py-6">
+        <td class="w-2/12 px-6 py-6 text-xs lg:text-sm whitespace-pre shrink-0">
             {{ data.final_price ? data.final_price : "--" }}
         </td>
-        <td class="w-2/12 px-6 py-6">
+        <td class="w-2/12 px-6 py-6 whitespace-pre shrink-0">
             <div
                 class="w-max rounded-full py-1.5 px-3 text-xs border"
                 :class="{
@@ -61,7 +63,7 @@ const createdTimeAgo = usePersianTimeAgo(new Date(data.value.created_at));
                 {{ data.verbose_status ? data.verbose_status : "--" }}
             </div>
         </td>
-        <td class="w-1/12 px-6 py-6">
+        <td class="w-1/12 px-6 py-6 shrink-0">
             <NuxtLink
                 :to="{
                     name: 'profile-purchases-and-orders-id',
@@ -69,7 +71,7 @@ const createdTimeAgo = usePersianTimeAgo(new Date(data.value.created_at));
                 }"
             >
                 <button
-                    class="size-10 flex-center border border-slate-200 rounded-md"
+                    class="size-9 lg:size-10 flex-center border border-slate-200 rounded-md"
                 >
                     <Icon
                         name="ci:eye-open"