diff --git a/data/interfaces/default/css/plexpy.css b/data/interfaces/default/css/plexpy.css
index 5673d854..dee7a435 100644
--- a/data/interfaces/default/css/plexpy.css
+++ b/data/interfaces/default/css/plexpy.css
@@ -737,6 +737,9 @@ a:hover .dashboard-activity-poster {
     transition: all 0s;
 }
 .dashboard-activity-progress .bufferbar {
+    padding-right: 2px;
+    font-size: x-small;
+    text-align: right;
     padding-top: 6px;
     background-color: #444;
     position: absolute;
@@ -744,6 +747,9 @@ a:hover .dashboard-activity-poster {
     overflow: hidden;
 }
 .dashboard-activity-progress .bar {
+    padding-right: 2px;
+    font-size: x-small;
+    text-align: right;
     padding-top: 6px;
     background-color: #faa732;
     background-image: -moz-linear-gradient(top, #fbb450, #f89406);
@@ -757,6 +763,32 @@ a:hover .dashboard-activity-poster {
     height: 6px;
     overflow: hidden;
 }
+.dashboard-activity-progress:hover .bar { 
+	height: 14px; 
+	padding-top: 0px;
+	transform-origin: top;
+    transition: all .2s ease;
+	border-radius: 0px 0px 3px 3px;
+}
+.dashboard-activity-progress:hover .dashboard-activity-progress-bar { 
+	height: 14px; 
+	transform-origin: top;
+    transition: all .2s ease;
+	border-radius: 0px 0px 3px 3px;
+}
+.dashboard-activity-progress:hover .bufferbar { 
+	height: 14px; 
+	padding-top: 0px;
+	transform-origin: top;
+    transition: all .2s ease;
+	border-radius: 0px 0px 3px 3px;
+}
+
+.dashboard-activity-progress:hover+.dashboard-activity-metadata-wrapper { 
+	margin-top: 8px;
+	transform-origin: top;
+    transition: all .2s ease;
+}
 .dashboard-activity-metadata-wrapper {
     position: relative;
     width: 100%;
@@ -2554,4 +2586,4 @@ table[id^='history_child'] thead th {
     margin: 0;
     width: 75px;
     height: 34px;
-}
\ No newline at end of file
+}