diff --git a/src/lib/components/deployments/compute-badge.svelte b/src/lib/components/deployments/compute-badge.svelte
index de2a6bea69..8a350eac54 100644
--- a/src/lib/components/deployments/compute-badge.svelte
+++ b/src/lib/components/deployments/compute-badge.svelte
@@ -13,7 +13,7 @@
 
 {#if config}
   <div
-    class="inline-flex items-center gap-1 rounded-sm border border-subtle px-2 py-0.5 text-sm text-primary"
+    class="flex items-center gap-1 rounded-sm border border-subtle px-1 text-primary"
   >
     <Icon name={config.icon} class="h-4 w-4" />
     {config.label}
diff --git a/src/lib/components/deployments/deployment-status.svelte b/src/lib/components/deployments/deployment-status.svelte
index ee308a77ec..a5a0b0cdfa 100644
--- a/src/lib/components/deployments/deployment-status.svelte
+++ b/src/lib/components/deployments/deployment-status.svelte
@@ -33,7 +33,7 @@
 
   const deploymentStatus = cva(
     [
-      'flex items-center gap-1 px-1 transition-colors rounded-sm border border-subtle',
+      'flex items-center justify-center gap-1 px-1 min-w-24 transition-colors rounded-sm border border-subtle',
     ],
     {
       variants: {
diff --git a/src/lib/components/deployments/deployment-table-row.svelte b/src/lib/components/deployments/deployment-table-row.svelte
index 706491c10d..36b11d043e 100644
--- a/src/lib/components/deployments/deployment-table-row.svelte
+++ b/src/lib/components/deployments/deployment-table-row.svelte
@@ -68,6 +68,7 @@
         {#if latestBuildId}
           <div class="flex items-center gap-2">
             <Copyable
+              container-class="min-w-32 shrink-0"
               content={latestBuildId}
               copyIconTitle={translate('common.copy-icon-title')}
               copySuccessIconTitle={translate('common.copy-success-icon-title')}