diff --git a/public/js/Widget.js b/public/js/Widget.js
index 12edc7cf..1967c1a6 100644
--- a/public/js/Widget.js
+++ b/public/js/Widget.js
@@ -226,7 +226,6 @@ class MiroTalkWidget {
         const buttons = [
             { action: 'startAudioCall', icon: this.getAudioIcon(), text: 'Start Audio Call' },
             { action: 'startVideoCall', icon: this.getVideoIcon(), text: 'Start Video Call' },
-            { action: 'joinRoom', icon: this.getJoinIcon(), text: 'Join Room' },
         ];
 
         // Only show "Start Screen Share" if displayMedia is supported
@@ -234,6 +233,9 @@ class MiroTalkWidget {
             buttons.push({ action: 'startScreenShare', icon: this.getScreenIcon(), text: 'Start Screen Share' });
         }
 
+        // Insert "Start Screen Share" before "Join Room" if present
+        buttons.push({ action: 'joinRoom', icon: this.getJoinIcon(), text: 'Join Room' });
+
         return buttons
             .map(
                 (btn) => `