diff --git a/data/interfaces/default/css/tautulli.css b/data/interfaces/default/css/tautulli.css
index 6a862228..feef2113 100644
--- a/data/interfaces/default/css/tautulli.css
+++ b/data/interfaces/default/css/tautulli.css
@@ -1830,15 +1830,29 @@ a:hover .summary-poster-face-track .summary-poster-face-overlay span {
     max-height: 15px;
     margin: 0 5px;
 }
-.summary-content-summary {
+.summary-content-text {
     overflow: hidden;
     color: #eee;
     float: left;
     position: relative;
     clear: both;
-    height: auto;
-    max-height: 160px;
-    padding-bottom: 0px;
+    padding-bottom: 0;
+}
+.summary-content-tagline {
+    font-weight: bold;
+}
+.summary-content-summary {
+    height: 60px;
+}
+.summary-toggle {
+    display: none;
+    margin-top: 10px;
+    font-size: 12px;
+    font-weight: bold;
+    text-transform: uppercase;
+}
+.summary-toggle a {
+    color: #999;
 }
 .summary-content-people-wrapper {
     margin-right: 20px;
diff --git a/data/interfaces/default/info.html b/data/interfaces/default/info.html
index eda30dee..aae08ee9 100644
--- a/data/interfaces/default/info.html
+++ b/data/interfaces/default/info.html
@@ -402,12 +402,15 @@ DOCUMENTATION :: END
                             </div>
                         </div>
                         % if data['tagline']:
-                        <div class="summary-content-summary">
-                            <p><strong> ${data['tagline']} </strong></p>
+                        <div class="summary-content-text summary-content-tagline">
+                            <p>${data['tagline']}</p>
                         </div>
                         % endif
-                        <div class="summary-content-summary">
-                            <p> ${data['summary'] | br, n} </p>
+                        <div class="summary-content-text summary-content-summary">
+                            <p>${data['summary'] | br, n}</p>
+                        </div>
+                        <div class="summary-content-text summary-toggle">
+                            <a href="#" class="show-more">Read more &nbsp;<i class="fa fa-chevron-down"></i></a>
                         </div>
                     </div>
                 </div>
@@ -997,6 +1000,21 @@ DOCUMENTATION :: END
             return '<div class="channel-thumbnail" style="background-image: url(' + $(this).data('img') + ');" />';
         }
     });
+
+    $('.summary-content-summary').hasScrollBar() ? $('.summary-toggle').show() : $('.summary-toggle').hide();
+
+    $('.summary-toggle a').on('click', function() {
+        var $this = $(this);
+        var $content = $this.parent().prev('div.summary-content-summary');
+
+        if ($this.hasClass('show-more')) {
+            $this.html('Read less &nbsp;<i class="fa fa-chevron-up"></i>').toggleClass('show-more').toggleClass('show-less');
+            $content.animate({'height': $content[0].scrollHeight});
+        } else {
+            $this.html('Read more &nbsp;<i class="fa fa-chevron-down"></i>').toggleClass('show-more').toggleClass('show-less');
+            $content.animate({'height': '60px'});
+        }
+    });
 </script>
 % if _session['user_group'] == 'admin':
 <script>
diff --git a/data/interfaces/default/js/script.js b/data/interfaces/default/js/script.js
index 5b27d798..7997c29c 100644
--- a/data/interfaces/default/js/script.js
+++ b/data/interfaces/default/js/script.js
@@ -926,3 +926,7 @@ $('.modal').on('hide.bs.modal', function (e) {
         return false;
     }
 });
+
+$.fn.hasScrollBar = function() {
+    return this.get(0).scrollHeight > this.get(0).clientHeight;
+}