Video showing the issue: https://share.descript.com/view/bgxZPEqDn55 

The entire tile displaying those numbers would need to be adjusted based on the screen resolution
Please remove any mb / me & use 
```
column-gap: calc(var(--spacer) * 1.5);
row-gap: calc(var(--spacer) / 2);
```
Home Dashboard: unresponsive display of tiles displaying the number of Successful, Failed and Running Executions
### Expected Behavior

_No response_

### Actual Behaviour

Display is not responsive for digits in dashboard
![image](https://github.com/kestra-io/kestra/assets/46634684/83a11b25-5420-4989-8011-08a38ecce9d5)
![image](https://github.com/kestra-io/kestra/assets/46634684/741f3631-6c3e-4067-9206-4a10bae6999e)



### Steps To Reproduce

_No response_

### Environment Information

- Kestra Version:
- Operating System (OS / Docker / Kubernetes):
- Java Version (If not docker):


### Example flow

_No response_
ui/src/components/home/HomeSummaryStatusLabel.vue
ui/src/components/home/HomeSummaryStatusLabel.vue
diff --git a/ui/src/components/home/HomeSummaryStatusLabel.vue b/ui/src/components/home/HomeSummaryStatusLabel.vue
index c634272b26..7d7ffc65c2 100644
--- a/ui/src/components/home/HomeSummaryStatusLabel.vue
+++ b/ui/src/components/home/HomeSummaryStatusLabel.vue
@@ -1,12 +1,12 @@
 <template>
     <div class="list">
         <template v-for="[status, count] of sorted">
-            <div v-if="count > 0" :key="status" class="d-flex w-100 justify-content-between mb-2">
-                <div class="me-4 icon">
+            <div v-if="count > 0" :key="status" class="d-flex justify-content-around mb-4 column-gap-4 row-gap-2 flex-wrap">
+                <div class="icon">
                     <status :label="false" :status="status" />
                 </div>
 
-                <div class="me-4 center">
+                <div class="center">
                     <h6>
                         {{ status.toLowerCase().capitalize() }}
                     </h6>
@@ -15,7 +15,7 @@
                     </div>
                 </div>
 
-                <div class="big-number">
+                <div class="big-number text-break">
                     {{ count }}
                 </div>
             </div>
@@ -84,11 +84,9 @@
 
             .big-number {
                 vertical-align: middle;
-                font-size: 150%;
                 font-weight: bold;
             }
         }
     }
-
 </style>
 
