diff --git a/www/assets/css/ytsync.css b/www/assets/css/ytsync.css
index 71daefda..a60edcf9 100644
--- a/www/assets/css/ytsync.css
+++ b/www/assets/css/ytsync.css
@@ -195,7 +195,8 @@ html, body {
     border: 2px solid #0000cc;
 }
 
-.drinkbar {
+#drinkbar {
+    margin-left: 0;
     background-color: #000000;
     color: #ffffff;
     text-align: center;
diff --git a/www/assets/js/callbacks.js b/www/assets/js/callbacks.js
index 20039dc4..365ff485 100644
--- a/www/assets/js/callbacks.js
+++ b/www/assets/js/callbacks.js
@@ -466,10 +466,10 @@ Callbacks = {
                 text += "s";
             }
             $("#drinkcount").text(text);
-            $(".drinkbar").show();
+            $("#drinkbar").show();
         }
         else {
-            $(".drinkbar").hide();
+            $("#drinkbar").hide();
         }
     },
 
diff --git a/www/channel.html b/www/channel.html
index 4b1a16e0..2f4940a6 100644
--- a/www/channel.html
+++ b/www/channel.html
@@ -45,11 +45,11 @@
     </div>
 
     <div class="container">
-        <div class="row" id="motdrow">
-            <div class="span10 offset1 well">
+        <div class="row-fluid" id="motdrow">
+            <div class="well span12">
                 <p id="motd"></p>
             </div>
-            <div class="span12 drinkbar">
+            <div class="span12" id="drinkbar">
                 <h1 id="drinkcount"></h1>
             </div>
         </div>