diff --git a/data/interfaces/default/css/plexpy.css b/data/interfaces/default/css/plexpy.css
index 22e749c2..f5d89b6a 100644
--- a/data/interfaces/default/css/plexpy.css
+++ b/data/interfaces/default/css/plexpy.css
@@ -1518,7 +1518,7 @@ a:hover .item-children-poster {
 }
 .user-overview-stats-instance {
     float: left;
-    width: 350px;
+    width: 400px;
     height: 80px;
     margin-bottom: 25px;
 }
@@ -1531,7 +1531,7 @@ a:hover .item-children-poster {
 .user-overview-stats-instance li {
     float: left;
     list-style: none;
-    width: 340px;
+    width: 100%;
     height: 90px;
 }
 .user-overview-stats-instance-text {
diff --git a/data/interfaces/default/user_watch_time_stats.html b/data/interfaces/default/user_watch_time_stats.html
index 17c626d2..fdaba5f6 100644
--- a/data/interfaces/default/user_watch_time_stats.html
+++ b/data/interfaces/default/user_watch_time_stats.html
@@ -32,13 +32,14 @@ DOCUMENTATION :: END
                 <h3>${a['total_plays']}</h3>
                 <p>plays</p>
                 <h3><strong>/</strong></h3>
-                <span id="total-time-${a['query_days']}"></span>
+                <span id="total-time-${a['query_days']}">
+                    <script>
+                        $('#total-time-${a['query_days']}').html(humanTime(${a['total_time']}));
+                    </script>
+                </span>
             </div>
         </li>
     </div>
-    <script>
-        $('#total-time-${a['query_days']}').html(humanTime(${a['total_time']}));
-    </script>
     % endfor
 </ul>
 % else: