diff --git a/client/galaxy/scripts/layout/communication-server-view.js b/client/galaxy/scripts/layout/communication-server-view.js
index 11296718303..93aa670ff9b 100644
--- a/client/galaxy/scripts/layout/communication-server-view.js
+++ b/client/galaxy/scripts/layout/communication-server-view.js
@@ -26,7 +26,7 @@ export var CommunicationServerView = Backbone.View.extend({
         var $el_chat_modal_header = null;
         var $el_chat_modal_body = null;
 
-        var iframe_template = `<iframe class="f-iframe fade in communication-iframe" src="${src}"> </iframe>`;
+        var iframe_template = `<iframe class="h-100 w-100" src="${src}"> </iframe>`;
 
         var header_template =
             '<i class="fa fa-comment" aria-hidden="true" title="Communicate with other users"></i>' +
diff --git a/client/galaxy/style/scss/base.scss b/client/galaxy/style/scss/base.scss
index 206b5e79e44..c4c00579500 100644
--- a/client/galaxy/style/scss/base.scss
+++ b/client/galaxy/style/scss/base.scss
@@ -1893,11 +1893,6 @@ div.toolTitleNoSection {
     padding: 2px;
 }
 
-.communication-iframe {
-    width: 100%;
-    height: 100%;
-}
-
 .close-modal {
     float: right;
     cursor: pointer;