diff --git a/src/features/dashboard/templates/builds/table-cells.tsx b/src/features/dashboard/templates/builds/table-cells.tsx
index e6fa1a83..6a841b74 100644
--- a/src/features/dashboard/templates/builds/table-cells.tsx
+++ b/src/features/dashboard/templates/builds/table-cells.tsx
@@ -98,9 +98,9 @@ export function LoadMoreButton({
 }) {
   if (isLoading) {
     return (
-      <span className="flex items-center gap-2">
-        <Loader variant="slash" size="sm" />
-        Loading...
+      <span className="inline-flex items-center gap-1">
+        Loading
+        <Loader variant="dots" />
       </span>
     )
   }
@@ -234,7 +234,7 @@ export function Reason({
   return (
     <CopyableCell
       value={statusMessage}
-      className="prose-table truncate max-w-0 min-w-full text-left"
+      className="truncate max-w-0 min-w-full text-left"
     >
       {statusMessage}
     </CopyableCell>
diff --git a/src/features/dashboard/templates/builds/table.tsx b/src/features/dashboard/templates/builds/table.tsx
index db1e9604..37b9f013 100644
--- a/src/features/dashboard/templates/builds/table.tsx
+++ b/src/features/dashboard/templates/builds/table.tsx
@@ -158,7 +158,7 @@ const BuildsTable = () => {
     <div className="flex h-full min-h-0 flex-col overflow-hidden relative">
       <div
         ref={scrollContainerRef}
-        className="min-h-0 flex-1 overflow-y-auto overflow-x-auto md:overflow-x-hidden"
+        className="min-h-0 flex-1 overflow-y-auto overflow-x-auto lg:overflow-x-hidden"
       >
         <Table suppressHydrationWarning>
           <colgroup>
@@ -167,7 +167,7 @@ const BuildsTable = () => {
             <col style={colStyle(COLUMN_WIDTHS.template)} />
             <col style={colStyle(COLUMN_WIDTHS.started)} />
             <col style={colStyle(COLUMN_WIDTHS.duration)} />
-            <col />
+            <col className="max-lg:min-w-[500px]" />
           </colgroup>
 
           <TableHeader className="sticky top-0 z-10 bg-bg">
@@ -215,7 +215,7 @@ const BuildsTable = () => {
                   <TableRow>
                     <TableCell
                       colSpan={6}
-                      className="text-start text-fg-tertiary"
+                      className="text-center max-lg:text-start text-fg-tertiary"
                     >
                       <BackToTopButton onBackToTop={handleBackToTop} />
                     </TableCell>
@@ -272,7 +272,7 @@ const BuildsTable = () => {
                   <TableRow>
                     <TableCell
                       colSpan={6}
-                      className="text-start text-fg-tertiary"
+                      className="text-center max-lg:text-start text-fg-tertiary"
                     >
                       <LoadMoreButton
                         isLoading={isFetchingNextPage}