diff --git a/README.md b/README.md
index ce3d4941..816f074b 100644
--- a/README.md
+++ b/README.md
@@ -99,7 +99,7 @@ Embedding a meeting into a service or app using an iframe.
 <iframe
     allow="camera; microphone; display-capture; fullscreen; clipboard-read; clipboard-write; autoplay"
     src="https://sfu.mirotalk.com/newroom"
-    style="height: 100%; width: 100%; border: 0px;"
+    style="height: 100vh; width: 100vw; border: 0px;"
 ></iframe>
 ```
 
diff --git a/app/api/README.md b/app/api/README.md
index f0b06e0a..57e7da68 100644
--- a/app/api/README.md
+++ b/app/api/README.md
@@ -30,7 +30,7 @@ Embedding a meeting into a `service` or `app` requires using an `iframe` with th
 <iframe
     allow="camera; microphone; display-capture; fullscreen; clipboard-read; clipboard-write; autoplay"
     src="https://sfu.mirotalk.com/join/room_name"
-    style="height: 100%; width: 100%; border: 0px;"
+    style="height: 100vh; width: 100vw; border: 0px;"
 ></iframe>
 ```
 
@@ -42,6 +42,6 @@ Develop your `website` or `application`, and bring `video meetings` in with a si
 <iframe
     allow="camera; microphone; display-capture; fullscreen; clipboard-read; clipboard-write; autoplay"
     src="https://sfu.mirotalk.com/newroom"
-    style="height: 100%; width: 100%; border: 0px;"
+    style="height: 100vh; width: 100vw; border: 0px;"
 ></iframe>
 ```
diff --git a/package.json b/package.json
index ee35ab7e..fba5842a 100644
--- a/package.json
+++ b/package.json
@@ -44,7 +44,7 @@
         "express": "4.18.2",
         "httpolyglot": "0.1.2",
         "mediasoup": "3.12.6",
-        "mediasoup-client": "3.6.97",
+        "mediasoup-client": "3.6.98",
         "ngrok": "^4.3.3",
         "openai": "^3.3.0",
         "qs": "6.11.2",
diff --git a/public/js/RoomClient.js b/public/js/RoomClient.js
index 3df9c74a..46808e3b 100644
--- a/public/js/RoomClient.js
+++ b/public/js/RoomClient.js
@@ -421,6 +421,7 @@ class RoomClient {
                 function (state) {
                     switch (state) {
                         case 'connecting':
+                            console.log('Producer Transport connecting...');
                             break;
 
                         case 'connected':
@@ -437,6 +438,13 @@ class RoomClient {
                     }
                 }.bind(this),
             );
+
+            this.producerTransport.on(
+                'icegatheringstatechange',
+                function (state) {
+                    console.log('Producer icegatheringstatechange', state);
+                }.bind(this),
+            );
         }
 
         // ####################################################
@@ -471,6 +479,7 @@ class RoomClient {
                 async function (state) {
                     switch (state) {
                         case 'connecting':
+                            console.log('Consumer Transport connecting...');
                             break;
 
                         case 'connected':
@@ -487,6 +496,13 @@ class RoomClient {
                     }
                 }.bind(this),
             );
+
+            this.consumerTransport.on(
+                'icegatheringstatechange',
+                function (state) {
+                    console.log('Consumer icegatheringstatechange', state);
+                }.bind(this),
+            );
         }
     }