diff --git a/www/assets/css/ytsync.css b/www/assets/css/ytsync.css
index 5969b515..c8c9731b 100644
--- a/www/assets/css/ytsync.css
+++ b/www/assets/css/ytsync.css
@@ -45,7 +45,7 @@
     overflow-x: hidden;
     height: 360px;
     float: left;
-    width: 200px;
+    width: 150px;
     border: 1px solid #aaaaaa; // [](/z13)
 }
 
@@ -57,7 +57,7 @@
 }
 
 #chatline {
-    width: 100%;
+    width: 456px;
 }
 
 .userlist_siteadmin {
diff --git a/www/assets/js/callbacks.js b/www/assets/js/callbacks.js
index 1acc4553..0b5593b1 100644
--- a/www/assets/js/callbacks.js
+++ b/www/assets/js/callbacks.js
@@ -106,6 +106,7 @@ function initCallbacks() {
     });
 
     socket.on('mediaUpdate', function(data) {
+        $('#currenttitle').text("Currently Playing: " + data.title);
         if(data.type == "yt")
             updateYT(data);
         else if(data.type == "tw")
diff --git a/www/index.html b/www/index.html
index a62adfe1..900f741f 100644
--- a/www/index.html
+++ b/www/index.html
@@ -53,7 +53,7 @@
             </div>
         </div>
         <div class="row" style="margin-top: 20px;">
-            <div class="span6">
+            <div class="span5">
                 <p id="usercount"></p>
                 <div id="userlist">
                 </div>
@@ -61,7 +61,8 @@
                 </div>
                 <input type="text" id="chatline">
             </div>
-            <div class="span6">
+            <div class="span7">
+                <p id="currenttitle">Currently Playing: </p>
                 <div id="ytapiplayer">
                 </div>
             </div>