diff --git a/src/components/Layout/Header.js b/src/components/Layout/Header.js
index 5e74bcb..c7172f7 100644
--- a/src/components/Layout/Header.js
+++ b/src/components/Layout/Header.js
@@ -12,17 +12,15 @@ const Header = ({ title = 'Dashboard', credits = 0, onReloadCredits }) => {
       </div>
       <div className="header-actions">
         <div className="header-credits">
-          <span className="credits-badge" title="Créditos disponibles">
+          <span
+            className="credits-badge"
+            title="Créditos disponibles (clic para recargar)"
+            onClick={() => onReloadCredits && onReloadCredits()}
+            style={{ cursor: 'pointer' }}
+          >
             <i className="fas fa-coins"></i>
             Créditos: {credits}
           </span>
-          <button
-            className="btn btn-sm btn-outline"
-            onClick={() => onReloadCredits && onReloadCredits()}
-            title="Recargar créditos"
-          >
-            <i className="fas fa-sync-alt"></i> Recargar
-          </button>
         </div>
       </div>
     </div>