diff --git a/client/app.js b/client/app.js
index 3f3ad1f..b771310 100644
--- a/client/app.js
+++ b/client/app.js
@@ -3145,7 +3145,7 @@ class GolfGame {
         const mobileRulesContent = document.getElementById('mobile-rules-content');
         if (mobileRulesBtn && mobileRulesIcon && mobileRulesContent) {
             const isHouseRules = rules.length > 0;
-            mobileRulesIcon.textContent = isHouseRules ? '!' : 'S';
+            mobileRulesIcon.textContent = isHouseRules ? '!' : 'RULES';
             mobileRulesBtn.classList.toggle('house-rules', isHouseRules);
 
             if (!isHouseRules) {
diff --git a/client/index.html b/client/index.html
index 9b4bf5c..d062026 100644
--- a/client/index.html
+++ b/client/index.html
@@ -415,7 +415,7 @@
             <!-- Mobile bottom bar (hidden on desktop) -->
             <div id="mobile-bottom-bar">
                 <div class="mobile-round-info">Hole <span id="mobile-current-round">1</span>/<span id="mobile-total-rounds">9</span></div>
-                <button class="mobile-bar-btn mobile-rules-btn" id="mobile-rules-btn" data-drawer="rules-drawer"><span id="mobile-rules-icon">S</span></button>
+                <button class="mobile-bar-btn mobile-rules-btn" id="mobile-rules-btn" data-drawer="rules-drawer"><span id="mobile-rules-icon">RULES</span></button>
                 <button class="mobile-bar-btn" data-drawer="standings-panel">Standings</button>
                 <button class="mobile-bar-btn" data-drawer="scoreboard">Scores</button>
                 <button id="mobile-leave-btn" class="mobile-bar-btn mobile-leave-btn">End Game</button>