diff --git a/apps/studio/components/interfaces/ProjectHome/ActivityStats.tsx b/apps/studio/components/interfaces/ProjectHome/ActivityStats.tsx
index f2308ef0ddb..a3da7867b7a 100644
--- a/apps/studio/components/interfaces/ProjectHome/ActivityStats.tsx
+++ b/apps/studio/components/interfaces/ProjectHome/ActivityStats.tsx
@@ -97,7 +97,7 @@ export const ActivityStats = () => {
           icon={<Cpu size={18} strokeWidth={1.5} className="text-foreground" />}
           label={<span>Compute</span>}
           value={
-            <div className="flex items-center gap-2 flex-wrap">
+            <div className="flex items-center gap-x-2 gap-y-1 flex-wrap">
               {project?.infra_compute_size ? (
                 <ComputeBadgeWrapper
                   projectRef={project?.ref}
@@ -123,7 +123,7 @@ export const ActivityStats = () => {
               <Skeleton className="h-6 w-24" />
             ) : (
               <p
-                className={cn('truncate', !githubConnection && 'text-foreground-lighter')}
+                className={cn('truncate min-w-0', !githubConnection && 'text-foreground-lighter')}
                 title={githubLabelText}
               >
                 {githubLabelText}
@@ -146,8 +146,8 @@ export const ActivityStats = () => {
             ) : isDefaultProject ? (
               <p
                 className={cn(
-                  'truncate',
-                  !latestNonDefaultBranch && 'text-foreground-lighter truncate'
+                  'truncate min-w-0',
+                  !latestNonDefaultBranch && 'text-foreground-lighter'
                 )}
                 title={latestNonDefaultBranch?.name ?? 'No branches'}
               >
@@ -177,7 +177,13 @@ export const ActivityStats = () => {
             isLoadingMigrations ? (
               <Skeleton className="h-6 w-24" />
             ) : (
-              <p className={!!latestMigration ? 'text-foreground' : 'text-foreground-lighter'}>
+              <p
+                className={cn(
+                  'truncate min-w-0',
+                  !!latestMigration ? 'text-foreground' : 'text-foreground-lighter'
+                )}
+                title={migrationLabelText}
+              >
                 {migrationLabelText}
               </p>
             )
diff --git a/apps/studio/components/ui/SingleStat.tsx b/apps/studio/components/ui/SingleStat.tsx
index 1a4775f4487..8ecb8a28eec 100644
--- a/apps/studio/components/ui/SingleStat.tsx
+++ b/apps/studio/components/ui/SingleStat.tsx
@@ -45,13 +45,15 @@ export const SingleStat = ({
     }
   }
   const content = (
-    <div className={cn('group flex items-center gap-4 p-0 text-base justify-start', className)}>
+    <div
+      className={cn('group flex items-center gap-4 p-0 text-base justify-start min-w-0', className)}
+    >
       <div className="min-w-16 w-16 h-16 rounded-md bg-surface-75 group-hover:bg-muted border flex items-center justify-center">
         {icon}
       </div>
-      <div className="truncate">
+      <div className="min-w-0 flex-1">
         <div className="text-left heading-meta text-foreground-light">{label}</div>
-        <div className="text-foreground truncate h-[34px] flex items-center capitalize-sentence">
+        <div className="text-foreground min-h-[34px] flex items-center capitalize-sentence py-0.5">
           {value}
         </div>
       </div>