From 13bdf81c57a9630f179ca9d262975a07f9d1222d Mon Sep 17 00:00:00 2001
From: Nicola Benaglia <nico.benaz@gmail.com>
Date: Sat, 10 May 2025 14:55:31 +0200
Subject: [PATCH] Adapt the width to the max content width

---
 src/components/CoreSyncStatus.tsx | 8 +++++++-
 src/styles/CoreSyncStatus.css     | 3 +--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/CoreSyncStatus.tsx b/src/components/CoreSyncStatus.tsx
index 71f4bd3..79e22d2 100644
--- a/src/components/CoreSyncStatus.tsx
+++ b/src/components/CoreSyncStatus.tsx
@@ -122,29 +122,35 @@ export const CoreSyncStatus = () => {
           }}
         >
           <h3>{t('core:core.information', { postProcess: 'capitalize' })}</h3>
+
           <h4 className="lineHeight">
             {t('core:core.version', { postProcess: 'capitalize' })}:{' '}
             <span style={{ color: '#03a9f4' }}>{buildVersion}</span>
           </h4>
+
           <h4 className="lineHeight">{message}</h4>
+
           <h4 className="lineHeight">
             {t('core:core.block_height', { postProcess: 'capitalize' })}:{' '}
             <span style={{ color: '#03a9f4' }}>{height || ''}</span>
           </h4>
+
           <h4 className="lineHeight">
             {t('core:core.peers', { postProcess: 'capitalize' })}:{' '}
             <span style={{ color: '#03a9f4' }}>
               {numberOfConnections || ''}
             </span>
           </h4>
+
           <h4 className="lineHeight">
             {t('auth:node.using_public', { postProcess: 'capitalize' })}:{' '}
             <span style={{ color: '#03a9f4' }}>
               {isUsingGateway?.toString()}
             </span>
           </h4>
+
           <h4 className="lineHeight">
-            {t('core:ui.version')}:{' '}
+            {t('core:ui.version', { postProcess: 'capitalize' })}:{' '}
             <span style={{ color: '#03a9f4' }}>{manifestData.version}</span>
           </h4>
         </div>
diff --git a/src/styles/CoreSyncStatus.css b/src/styles/CoreSyncStatus.css
index dbaf576..97b970b 100644
--- a/src/styles/CoreSyncStatus.css
+++ b/src/styles/CoreSyncStatus.css
@@ -15,8 +15,7 @@
   box-sizing: border-box;
   font-size: 13px;
   font-weight: normal;
-  max-width: 250px;
-  min-width: 225px;
+  width: max-content;
   opacity: 0;
   padding: 10px 10px;
   position: absolute;