Fix: [v3] streaming sample CSS to handle max-width (#201)

Author: sravan-s

src/smart-components/OpenChannelApp/streaming.scss

@@ -70,21 +70,23 @@
   .chat-panel {
     background-color: var(--bg-0);
     width: 320px;
-    .sendbird-openchannel-thumbnail-message
-    .sendbird-openchannel-thumbnail-message__right
-    .sendbird-openchannel-thumbnail-message__right__body
     .sendbird-openchannel-thumbnail-message__right__body__wrap {
       .sendbird-openchannel-thumbnail-message__right__body__wrap__overlay,
       .sendbird-openchannel-thumbnail-message__right__body__wrap__video,
       .sendbird-openchannel-thumbnail-message__right__body__wrap__video__video {
-        max-width: 95%;
+        max-width: 100% !important;
       }
     }
-    .sendbird-openchannel-user-message
-    .sendbird-openchannel-user-message__right
-    .sendbird-openchannel-user-message__right__top {
-      width: 230px;
+    .sendbird-openchannel-thumbnail-message__right__title,
+    .sendbird-openchannel-og-message__top__right__title,
+    .sendbird-openchannel-user-message__right__top,
+    .sendbird-openchannel-file-message__right__title {
+      width: 230px !important;
+      .sendbird-openchannel-thumbnail-message__right__title__sender-name,
+      .sendbird-openchannel-og-message__top__right__title__sender-name,
+      .sendbird-openchannel-file-message__right__title__sender-name,
       .sendbird-openchannel-user-message__right__top__sender-name {
+        display: inline-block;
         width: 180px;
         overflow: hidden;
         white-space: nowrap;