Adapt the width to the max content width

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>

src/styles/CoreSyncStatus.css

@@ -15,8 +15,7 @@
   box-sizing: border-box;
   font-size: 13px;
   font-weight: normal;
-  max-width: 250px;
+  width: max-content;
-  min-width: 225px;
   opacity: 0;
   padding: 10px 10px;
   position: absolute;