diff --git a/www/assets/js/callbacks.js b/www/assets/js/callbacks.js
index 442fa9cf..4c4f0284 100644
--- a/www/assets/js/callbacks.js
+++ b/www/assets/js/callbacks.js
@@ -80,10 +80,12 @@ function initCallbacks() {
         $("#opt_show_public").prop("checked", opts.show_public);
         $("#customCss").remove();
         if(opts.customcss.trim() != "") {
-            $("<link/>").attr("rel", "stylesheet")
-                       .attr("href", opts.customcss)
-                       .attr("id", "customCss")
-                       .insertAfter($("link[href='./assets/css/ytsync.css']"));
+            $("#usertheme").remove();
+            $("<link/>")
+                .attr("rel", "stylesheet")
+                .attr("href", opts.customcss)
+                .attr("id", "customCss")
+                .appendTo($("head"));
         }
         $("#opt_allow_voteskip").prop("checked", opts.allow_voteskip);
         $("#opt_voteskip_ratio").val(opts.voteskip_ratio);
diff --git a/www/assets/js/functions.js b/www/assets/js/functions.js
index 1974cd77..cde4f433 100644
--- a/www/assets/js/functions.js
+++ b/www/assets/js/functions.js
@@ -1150,7 +1150,7 @@ function applyOpts() {
     if(USEROPTS.css) {
         $("<link/>").attr("rel", "stylesheet")
             .attr("type", "text/css")
-            .attr("id", "usertheme")
+            .attr("id", "usercss")
             .attr("href", USEROPTS.css)
             .appendTo($("head"));
     }
diff --git a/www/channel.html b/www/channel.html
index 13cf09c2..4414451c 100644
--- a/www/channel.html
+++ b/www/channel.html
@@ -8,7 +8,7 @@
     <meta name="author" content="Calvin 'calzoneman' Montgomery">
 
     <link href="./assets/css/bootstrap.css" rel="stylesheet">
-    <link href="./assets/css/ytsync.css" rel="stylesheet">
+    <link href="./assets/css/ytsync.css" rel="stylesheet" id="defaultcss">
     <style>
       body {
         padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */