diff --git a/index.js b/index.js
index 8958ff0..e9f8ea5 100644
--- a/index.js
+++ b/index.js
@@ -3647,8 +3647,9 @@ function createThoughtPanel($message, thoughtsArray) {
         right: 'auto' // Clear any right positioning
     });
 
-    // Initially hide the icon
-    $thoughtIcon.hide();
+    // Initially hide the panel and show the icon
+    $thoughtPanel.hide();
+    $thoughtIcon.show();
 
     // console.log('[RPG Companion] Thought panel created at:', { top, left });
 
diff --git a/style.css b/style.css
index f553756..3f0498a 100644
--- a/style.css
+++ b/style.css
@@ -3403,6 +3403,20 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
         /* Use transform to shift icon above and to the right of avatar */
         transform: translate(50px, -45px) !important;
     }
+
+    /* ========================================
+       MOBILE CHARACTER RELATIONSHIP BADGE
+       ======================================== */
+
+    /* Keep relationship badge small on mobile to prevent it from covering avatar */
+    .rpg-relationship-badge {
+        width: 18px !important;
+        height: 18px !important;
+        font-size: 10px !important;
+        padding: 0 !important;
+        min-height: unset !important;
+        line-height: 18px !important;
+    }
 }
 
 /* Extra small screens - adjust FAB position */