diff --git a/data/interfaces/default/css/plexpy.css b/data/interfaces/default/css/plexpy.css
index da015f42..173446b4 100644
--- a/data/interfaces/default/css/plexpy.css
+++ b/data/interfaces/default/css/plexpy.css
@@ -407,39 +407,31 @@ input[type="color"],
 }
 .poster {
 	float: left;
-	min-height: 232px;
-	min-width: 155px;
+	min-height: 225px;
+	min-width: 150px;
+	margin-bottom: 8px;
 	position: relative;
 }
-.poster-face img {
-	bottom: 0;
-	overflow: hidden;
+.poster-face {
+	background-position: center;
+	background-size: cover;
 	height: 225px;
-	width: 153px;
+	width: 150px;
+	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);
+}
+.cover-face {
+	background-position: center;
+	background-size: cover;
+	height: 150px;
+	width: 150px;
 	position: absolute;
-	bottom: 5px;
-    left: 0;
-	border: 1px solid rgba(128, 128, 128, 0.3);
-}
-.poster-face img:hover {
-	webkit-box-shadow: 0 0 0 2px #e9a049;
-	-moz-box-shadow: 0 0 0 2px #e9a049;
-	box-shadow: 0 0 0 2px #e9a049;
-}
-.cover-face img {
 	bottom: 0;
-	overflow: hidden;
-	height: 153px;
-	width: 153px;
-	border: 1px solid rgba(128, 128, 128, 0.3);
-	position: absolute;
-	bottom: 5px;
-    left: 0;
-}
-.cover-face img:hover {
-	webkit-box-shadow: 0 0 0 2px #e9a049;
-	-moz-box-shadow: 0 0 0 2px #e9a049;
-	box-shadow: 0 0 0 2px #e9a049;
+	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);
 }
 .users-poster-face img {
 	bottom: 0;
@@ -630,6 +622,11 @@ input[type="color"],
 }
 .dashboard-recent-media-instance {
 }
+.dashboard-recent-media-instance a:hover .poster-face {
+	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;
+}
 .dashboard-recent-media li {
 	margin-right: 27px;
 	position: relative;
diff --git a/data/interfaces/default/recently_added.html b/data/interfaces/default/recently_added.html
index af986e44..3037d4f8 100644
--- a/data/interfaces/default/recently_added.html
+++ b/data/interfaces/default/recently_added.html
@@ -29,29 +29,31 @@ DOCUMENTATION :: END
         % for item in data:
         <div class="dashboard-recent-media-instance">
             <li>
-                <div class="poster">
-                    % if item['type'] == 'season' or item['type'] == 'movie':
-                    <div class="poster-face">
-                        <a href="info?item_id=${item['rating_key']}">
-                            <img src="pms_image_proxy?img=${item['thumb']}&width=300&height=450&fallback=poster" class="poster-face">
-                        </a>
+                % if item['type'] == 'season' or item['type'] == 'movie':
+				<a href="info?item_id=${item['rating_key']}">
+					<div class="poster">
+						<div class="poster-face" style="background-image: url(pms_image_proxy?img=${item['thumb']}&width=300&height=450&fallback=poster);"></div>
                     </div>
-                    % elif item['type'] == 'album':
-                    <div class="cover-face">
-                        <img src="pms_image_proxy?img=${item['thumb']}&width=300&height=300&fallback=cover" class="cover-face">
-                    </div>
-                    % endif
-                </div>
-                <div class="dashboard-recent-media-metacontainer">
-                    % if item['type'] == 'season':
-                    <h3>${item['parent_title']} - ${item['title']}</h3>
-                    % elif item['type'] == 'album':
-                    <h3>${item['title']}</h3>
-                    % elif item['type'] == 'movie':
-                    <h3>${item['title']} (${item['year']})</h3>
-                    % endif
-                    <div class="text-muted" id="added_at-${item['rating_key']}">${item['added_at']}</div>
-                </div>
+					<div class="dashboard-recent-media-metacontainer">
+						% if item['type'] == 'season':
+						<h3>${item['parent_title']}</h3>
+						<h3>(${item['title']})</h3>
+						% elif item['type'] == 'movie':
+						<h3>${item['title']}</h3>
+						<h3>(${item['year']})</h3>
+						% endif
+						<div class="text-muted" id="added_at-${item['rating_key']}">${item['added_at']}</div>
+					</div>
+				</a>
+				% elif item['type'] == 'album':
+				<div class="poster">
+					<div class="cover-face" style="background-image: url(pms_image_proxy?img=${item['thumb']}&width=300&height=300&fallback=cover);"></div>					
+				</div>
+				<div class="dashboard-recent-media-metacontainer">
+					<h3>${item['title']}</h3>
+					<div class="text-muted" id="added_at-${item['rating_key']}">${item['added_at']}</div>
+				</div>
+				% endif
             </li>
         </div>
         <script>
diff --git a/data/interfaces/default/user_recently_watched.html b/data/interfaces/default/user_recently_watched.html
index b3107557..1b413439 100644
--- a/data/interfaces/default/user_recently_watched.html
+++ b/data/interfaces/default/user_recently_watched.html
@@ -33,21 +33,21 @@ DOCUMENTATION :: END
         % for item in data:
         <div class="dashboard-recent-media-instance">
             <li>
-                <div class="poster">
-                    <div class="poster-face">
-                        <a href="info?source=history&item_id=${item['row_id']}">
-                            <img src="pms_image_proxy?img=${item['thumb']}&width=300&height=450&fallback=poster" class="poster-face">
-                        </a>
+				<a href="info?source=history&item_id=${item['row_id']}">
+					<div class="poster">
+						<div class="poster-face" style="background-image: url(pms_image_proxy?img=${item['thumb']}&width=300&height=450&fallback=poster);"></div>
                     </div>
-                </div>
-                <div class="dashboard-recent-media-metacontainer">
-                    % if item['type'] == 'episode':
-                    <h3>Season ${item['parentIndex']}, Episode ${item['index']}</h3>
-                    % elif item['type'] == 'movie':
-                    <h3>${item['title']} (${item['year']})</h3>
-                    % endif
-                    <div class="text-muted" id="time-${item['time']}">${item['time']}</div>
-                </div>
+					<div class="dashboard-recent-media-metacontainer">
+						% if item['type'] == 'episode':
+						<h3>${item['title']}</h3>
+						<h3>(Season ${item['parentIndex']}, Episode ${item['index']})</h3>
+						% elif item['type'] == 'movie':
+						<h3>${item['title']}</h3>
+						<h3>(${item['year']})</h3>
+						% endif
+						<div class="text-muted" id="time-${item['time']}">${item['time']}</div>
+					</div>
+				</a>
             </li>
         </div>
         <script>