- saving progress;

src/assets/scss/components/appPage.scss

@@ -218,6 +218,7 @@
 
         .appPageSection__pMeta {
             margin-bottom: 1em;
+            break-inside: avoid;
 
             span:nth-of-type(1) {
                 max-width: 30%;

src/assets/scss/components/statsBigBadges.scss

@@ -10,6 +10,10 @@
     width: 100%;
     container-name: big-badges-grid;
     container-type: inline-size;
+
+    &.grid-small {
+        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+    }
 }
 
 .statsBigBadges__grid .statsBigBadges__gridItem span {

src/pages/UserActivity/index.js

@@ -92,7 +92,6 @@ const UserActivity = () => {
                 </div>
             </div>
 
-
             <div className="appPageSection__withBorder columns">
                 <p className="appPageSection__pMeta">
                     <span>{__('Nome utente', 'gepafin')}</span>
@@ -120,9 +119,11 @@ const UserActivity = () => {
                 </p>
             </div>
 
+            <div className="appPage__spacer"></div>
+
             <div className="appPageSection">
                 <h2>{__('Statistiche attività', 'gepafin')}</h2>
-                <div className="statsBigBadges__grid">
+                <div className="statsBigBadges__grid grid-small">
                     <div className="statsBigBadges__gridItem">
                         <span>{__('Login totali', 'gepafin')}</span>
                         <span>{<NumberFlow
@@ -138,7 +139,7 @@ const UserActivity = () => {
                             locales="it-IT"/>}</span>
                     </div>
                     <div className="statsBigBadges__gridItem">
-                        <span>{__('Documenti da integrare', 'gepafin')}</span>
+                        <span>{__('Domande processate', 'gepafin')}</span>
                         <span>{<NumberFlow
                             value={getStatValue('numberOfActiveCalls', 0)}
                             format={{ notation: 'compact' }}