diff --git a/devjs/main.js b/devjs/main.js
index 81a6586..9821984 100644
--- a/devjs/main.js
+++ b/devjs/main.js
@@ -86,7 +86,7 @@ Core.prototype.init = function() {
 
             var guilds = $(".guilds li:first-child");
 
-            guilds.after($("<li></li>", { id: "bd-pub-li", css: { "height": "20px", "display": settingsCookie["bda-gs-1"] == true ? "" : "none" } }).append($("<div/>", { class: "guild-inner", css: { "height": "20px" } }).append($("<a/>").append($("<div/>", { css: { "line-height": "20px", "font-size": "12px" }, text: "public", id: "bd-pub-button" })))));
+            guilds.after($("<li></li>", { id: "bd-pub-li", css: { "height": "20px", "display": settingsCookie["bda-gs-1"] == true ? "" : "none" } }).append($("<div/>", { class: "guild-inner", css: { "height": "20px", "border-radius": "4px" } }).append($("<a/>").append($("<div/>", { css: { "line-height": "20px", "font-size": "12px" }, text: "public", id: "bd-pub-button" })))));
             guilds.after($("<li/>", {id:"tc-settings-li"}).append($("<div/>", { class: "guild-inner" }).append($("<a/>").append($("<div/>", { class: "avatar-small", id: "tc-settings-button" })))));
 
             settingsPanel = new SettingsPanel();
@@ -421,6 +421,11 @@ PublicServers.prototype.addServer = function(name, code, title, language, descri
 
 PublicServers.prototype.show = function() {
     this.getPanel().toggle();
+    var li = $("#bd-pub-li");
+    li.removeClass();
+    if(this.getPanel().is(":visible")) {
+        li.addClass("active");
+    }
 };