diff --git a/resources/views/themes/default1/agent/helpdesk/ticket/timeline.blade.php b/resources/views/themes/default1/agent/helpdesk/ticket/timeline.blade.php
index 37a6a6049..57fe06ee1 100644
--- a/resources/views/themes/default1/agent/helpdesk/ticket/timeline.blade.php
+++ b/resources/views/themes/default1/agent/helpdesk/ticket/timeline.blade.php
@@ -650,9 +650,38 @@ if ($thread->title != "") {
                                             @if($conversation->firstContent()=='yes')
                                              <div class="embed-responsive embed-responsive-16by9">
                                             <iframe id="loader_frame{{$conversation->id}}" class="embed-responsive-item">Body of html email here</iframe>
+                                            <script type="text/javascript">
+jQuery(document).ready(function () {
+/*          setInterval(function(){
+            var mydiv = jQuery('#loader_frame{{$conversation->id}}').contents().find("body");
+            var h     = mydiv.height();
+alert(h+20);
+            }, 2000);*/
+                jQuery('.embed-responsive-16by9').css('height','auto');
+            jQuery('.embed-responsive-16by9').css('padding','0');
+            jQuery('#loader_frame{{$conversation->id}}').css('width','100%');
+            jQuery('#loader_frame{{$conversation->id}}').css('position','static');
+            jQuery('#loader_frame{{$conversation->id}}').css('border','none');
+            var mydiv = jQuery('#loader_frame{{$conversation->id}}').contents().find("body");
+            var h     = mydiv.height();
+            jQuery('#loader_frame{{$conversation->id}}').css('height', h+20);
+            setInterval(function(){
+            //var mydiv = jQuery('#loader_frame{{$conversation->id}}').contents().find("body");
+            //alert(mydiv.height());
+                h = jQuery('#loader_frame{{$conversation->id}}').height();
+                if (!!navigator.userAgent.match(/Trident\/7\./)){
+                    jQuery('#loader_frame{{$conversation->id}}').css('height', h);
+                }else {
+                    jQuery('#loader_frame{{$conversation->id}}').css('height', h);
+                }
+            }, 2000);
+        });
+</script>
                                             </div>
                                             <script>
-                                                $('#loader_frame{{$conversation->id}}')[0].contentDocument.body.innerHTML = '{!!$conversation->purify()!!}';
+                                                 setTimeout(function(){ 
+                                                       $('#loader_frame{{$conversation->id}}')[0].contentDocument.body.innerHTML = '<body><style>body{display:inline-block;}</style>{!!$conversation->purify()!!}<body>';   }, 1000);
+                                                
                                             </script>
                                             @else 
                                             {!! $conversation->body !!}
