fix(xo-web/TabButtonLink): should not be empty on small screens (#5874)

CHANGELOG.unreleased.md

@@ -14,6 +14,7 @@
 
 - [VM/network] Fix an issue where multiple IPs would be displayed in the same tag when using old Xen tools. This also fixes Netbox's IP synchronization for the affected VMs. (PR [#5860](https://github.com/vatesfr/xen-orchestra/pull/5860))
 - [LDAP] Handle groups with no members (PR [#5862](https://github.com/vatesfr/xen-orchestra/pull/5862))
+- Fix empty button on small size screen (PR [#5874](https://github.com/vatesfr/xen-orchestra/pull/5874))
 
 ### Packages to release
 

packages/xo-web/src/common/tab-button.js

@@ -19,13 +19,11 @@ export { TabButton as default }
 
 export const TabButtonLink = ({ labelId, icon, ...props }) => (
   <Link {...props} className='btn btn-lg btn-primary' style={STYLE}>
-    <span className='hidden-md-down'>
-      {icon && (
-        <span>
-          <Icon icon={icon} />{' '}
-        </span>
-      )}
-      {_(labelId)}
-    </span>
+    {icon && (
+      <span>
+        <Icon icon={icon} />{' '}
+      </span>
+    )}
+    <span className='hidden-md-down'>{_(labelId)}</span>
   </Link>
 )