diff --git a/data/interfaces/default/css/plexpy.css b/data/interfaces/default/css/plexpy.css
index 9ded1363..3537c5bb 100644
--- a/data/interfaces/default/css/plexpy.css
+++ b/data/interfaces/default/css/plexpy.css
@@ -513,7 +513,7 @@ input[type="color"],
     left: 0;
     float: left;
     text-align: left;
-    padding: 2px 2px 6px 2px;
+    padding: 5px 8px;
     font-size: 12px;
     color: #eee;
     text-overflow: ellipsis;
@@ -527,7 +527,7 @@ input[type="color"],
     right: 0;
     float: right;
     text-align: right;
-    padding: 2px 2px 6px 2px;
+    padding: 5px 8px;
     font-size: 12px;
     color: #eee;
 }
@@ -636,7 +636,7 @@ input[type="color"],
     clear: both;
 }
 .dashboard-recent-media-metacontainer h3 {
-    padding-top: 5px;
+    padding: 5px 3px 0 3px;
     color: #fff;
     text-overflow: ellipsis;
     overflow: hidden;
@@ -647,16 +647,16 @@ input[type="color"],
     font-weight: normal;
     width: 153px;
     white-space: nowrap;
-    text-align: center;
+    text-align: left;
     clear: both;
 }
 .dashboard-recent-media-metacontainer .text-muted {
-    padding-top: 5px;
+    padding: 5px 3px 0 3px;
     text-overflow: ellipsis;
     overflow: hidden;
     position: relative;
     white-space: nowrap;
-    text-align: center;
+    text-align: left;
 }
 .art-face {
     background-repeat: no-repeat;
@@ -954,18 +954,32 @@ input[type="color"],
     list-style: none;
     margin: 0 0 0px 0px;
 }
-.season-episodes-instance>li {
+.season-episodes-instance li {
     float: left;
-    height: 200px;
-    width: 250px;
     position: relative;
     left: 0px;
+    margin-right: 25px;
+}
+.season-episodes-instance a:hover .season-episodes-card-overlay {
+    webkit-box-shadow: inset 0 0 0 2px #e9a049;
+    -moz-box-shadow: inset 0 0 0 2px #e9a049;
+    box-shadow: inset 0 0 0 2px #e9a049;
 }
 .season-episodes-poster {
     float: left;
     position: relative;
     left: 0px;
 }
+.season-episodes-poster-face {
+    background-position: center;
+    background-size: cover;
+    height: 140px;
+    width: 250px;
+    position: relative;
+    webkit-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1);
+    -moz-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1);
+    box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1);
+}
 .season-episodes-poster-face img {
     bottom: 0;
     overflow: hidden;
@@ -982,11 +996,14 @@ input[type="color"],
     left: 0;
     right: 0;
     bottom: 0;
-    padding: 4px 8px;
     text-align: left;
-    background-color: #000;
-    background-color: rgba(0,0,0,0.7);
-    border-top: 1px solid #000;
+    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 30%, rgba(0,0,0,1) 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1)));
+    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 30%,rgba(0,0,0,1) 100%);
+    background: -o-linear-gradient(top,  rgba(0,0,0,0) 30%,rgba(0,0,0,1) 100%);
+    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 30%,rgba(0,0,0,1) 100%);
+    background: linear-gradient(to bottom,  rgba(0,0,0,0) 30%,rgba(0,0,0,1) 100%);
+    height: 140px;
 }
 .season-episodes-card-overlay-index {
     color: #fff;
@@ -994,10 +1011,27 @@ input[type="color"],
     text-shadow: 0 1px 5px rgba(0,0,0,0.2);
 }
 .season-episodes-instance-text-wrapper {
+    width: 250px;
+    font-size: 13px;
+    margin-bottom: 20px;
     clear: both;
-    width: 205px;
 }
-.season-episodes-title, .season-episodes-title a {
+.season-episodes-instance-text-wrapper h3 {
+    padding: 5px 3px 0 3px;
+    color: #fff;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    position: relative;
+    font-size: 13px;
+    margin: 0;
+    line-height: 15px;
+    font-weight: normal;
+    width: 250px;
+    white-space: nowrap;
+    text-align: left;
+    clear: both;
+}
+.season-episodes-title a {
     text-decoration: none;
     font-size: 14px;
     font-weight: normal;
@@ -1010,6 +1044,7 @@ input[type="color"],
     width: 205px;
     margin-top: 2px;
     margin-left: 0px;
+    margin-bottom: 20px;
 }
 .season-episodes a:hover {
     color: #F9AA03;
@@ -1018,6 +1053,9 @@ input[type="color"],
     color: #aaa;
     font-size: 12px;
     float: left;
+    position: absolute;
+    left: 8px;
+    bottom: 5px;
 }
 .user-info-wrapper {
     height: 113px;
@@ -1146,6 +1184,10 @@ input[type="color"],
     -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
     -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
     box-shadow: 0 0 5px rgba(0,0,0,0.5);
+    background-size: contain;
+    position: relative;
+    height: 80px;
+    width: 80px;
 }
 .user-platforms-instance-name {
     float: left;
@@ -1184,6 +1226,7 @@ input[type="color"],
 .home-platforms-instance-box {
     background-size: contain;
     position: relative;
+    border-radius: 3px;
     top: 25px;
     left: 25px;
     height: 80px;
diff --git a/data/interfaces/default/info.html b/data/interfaces/default/info.html
index 379ac2aa..b323200d 100644
--- a/data/interfaces/default/info.html
+++ b/data/interfaces/default/info.html
@@ -164,7 +164,7 @@ DOCUMENTATION :: END
         <div class='col-md-12'>
             <div class='table-card-header'>
                 <div class="header-bar">
-                    <span>Watch history for <strong>${data['title']}</strong></span>
+                    <span>Watch History for <strong>${data['title']}</strong></span>
                 </div>
                 <div class="colvis-button-bar hidden-xs">
                 </div>
@@ -203,7 +203,7 @@ DOCUMENTATION :: END
         <div class='col-md-12'>
             <div class='table-card-header'>
                 <div class="header-bar">
-                    <span>Episode list for <strong>${data['title']}</strong></span>
+                    <span>Episode List for <strong>${data['title']}</strong></span>
                 </div>
             </div>
             <div class='table-card-back'>
diff --git a/data/interfaces/default/info_episode_list.html b/data/interfaces/default/info_episode_list.html
index 33bf35a0..56700ac5 100644
--- a/data/interfaces/default/info_episode_list.html
+++ b/data/interfaces/default/info_episode_list.html
@@ -30,25 +30,20 @@ DOCUMENTATION :: END
     <ul class="season-episodes-instance list-unstyled">
         % for a in data['episode_list']:
         <li>
-            <div class="season-episodes-poster">
-                <div class="season-episodes-poster-face">
-                    <a href="info?item_id=${a['rating_key']}">
-                        <img src="pms_image_proxy?img=${a['thumb']}&width=410&height=230" class="season-episodes-poster-face">
-                    </a>
-                </div>
-                <div class="season-episodes-card-overlay">
-                    <div class="season-episodes-season">
-                        Episode ${a['index']}
+            <a href="info?item_id=${a['rating_key']}">
+                <div class="season-episodes-poster">
+                    <div class="season-episodes-poster-face" style="background-image: url(pms_image_proxy?img=${a['thumb']}&width=410&height=230);">
+                        <div class="season-episodes-card-overlay">
+                            <div class="season-episodes-season">
+                                Episode ${a['index']}
+                            </div>
+                        </div>
                     </div>
                 </div>
-            </div>
-            <div class="season-episodes-instance-text-wrapper">
-                <div class="season-episodes-title">
-                    <a href="info?item_id=${a['rating_key']}">
-                        "${a['title']}"
-                    </a>
+                <div class="season-episodes-instance-text-wrapper">
+                    <h3>${a['title']}</h3>
                 </div>
-            </div>
+            </a>
         </li>
         % endfor
     </ul>
diff --git a/data/interfaces/default/user.html b/data/interfaces/default/user.html
index a4194a63..e9b9f41f 100644
--- a/data/interfaces/default/user.html
+++ b/data/interfaces/default/user.html
@@ -103,7 +103,7 @@ from plexpy import helpers
                 <div class="col-md-12">
                     <div class="table-card-header">
                         <div class="header-bar">
-                            <span><i class="fa fa-history"></i> Recently watched</span>
+                            <span><i class="fa fa-history"></i> Recently Watched</span>
                         </div>
                     </div>
                     <div class="table-card-back">
diff --git a/data/interfaces/default/user_platform_stats.html b/data/interfaces/default/user_platform_stats.html
index 9abecb32..c281b48b 100644
--- a/data/interfaces/default/user_platform_stats.html
+++ b/data/interfaces/default/user_platform_stats.html
@@ -34,7 +34,7 @@ DOCUMENTATION :: END
     </div>
 </ul>
 <script>
-    $("#user-platform-image-${a['result_id']}").html("<img class='user-platforms-instance-poster' src='" + getPlatformImagePath('${a['platform_type']}') + "'>");
+    $("#user-platform-image-${a['result_id']}").html("<div class='user-platforms-instance-poster' style='background-image: url(" + getPlatformImagePath('${a['platform_type']}') + ");'>");
 </script>
 % endfor
 % else: