diff --git a/frontend/components/profile/tickets/index/TicketsTableRow.vue b/frontend/components/profile/tickets/index/TicketsTableRow.vue
index 29c99b4..91752d9 100644
--- a/frontend/components/profile/tickets/index/TicketsTableRow.vue
+++ b/frontend/components/profile/tickets/index/TicketsTableRow.vue
@@ -27,14 +27,16 @@ const updatedTimeAgo = usePersianTimeAgo(new Date(data.value.updated_at));
     >
         <td
             scope="row"
-            class="w-3/12 px-6 py-6 font-medium whitespace-nowrap text-black"
+            class="w-3/12 px-6 py-6 text-xs lg:text-sm font-medium whitespace-pre shrink-0"
         >
             {{ data.ticket_category ? data.ticket_category : "--" }}
         </td>
         <td class="w-3/12 px-6 py-6">
             {{ data.subject ? data.subject : "--" }}
         </td>
-        <td class="w-3/12 px-6 py-6 flex flex-col gap-3 text-sm">
+        <td
+            class="w-3/12 px-6 py-6 flex flex-col gap-3 text-xs lg:text-sm font-medium whitespace-pre shrink-0"
+        >
             <span class="w-full whitespace-pre">
                 ایجاد : {{ data.created_at ? createdTimeAgo : "--" }}
             </span>
@@ -42,7 +44,7 @@ const updatedTimeAgo = usePersianTimeAgo(new Date(data.value.updated_at));
                 بروزرسانی : {{ data.updated_at ? updatedTimeAgo : "--" }}
             </span>
         </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">
             <div
                 class="w-max rounded-full py-1.5 px-3 text-xs border"
                 :class="{
@@ -57,12 +59,12 @@ const updatedTimeAgo = usePersianTimeAgo(new Date(data.value.updated_at));
                 {{ data.status ? data.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-tickets-id', params: { id: data.id } }"
             >
                 <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"