diff --git a/css/posts.css b/css/posts.css
index ae51421..cdaf6de 100644
--- a/css/posts.css
+++ b/css/posts.css
@@ -89,7 +89,9 @@ button {
 }
 
 .channelTab {
-  text-align: left;
+  color: var(--text-color);
+  background-color: var(--fg-color);
+  text-align: center;
   float: left;
   padding-right: 20px
 }
diff --git a/js/posts.js b/js/posts.js
index 6062317..900ae9c 100644
--- a/js/posts.js
+++ b/js/posts.js
@@ -267,6 +267,7 @@ async function loadChannels() {
   tab.innerHTML = ""
   for (let i = 0; i < channels.length; i++) {
     let channelname = channels[i].post_receiver_name
+    if(channelname == "")continue;
     let channelp = document.createElement("p")
     channelp.classList.add("channel")
     let textnode = document.createTextNode(channelname)
diff --git a/views/posts.html b/views/posts.html
index 0adb65d..2c4e4ea 100644
--- a/views/posts.html
+++ b/views/posts.html
@@ -31,11 +31,11 @@
         <br>
         <button type="button" name="button" id="post-btn" onclick="postMessage()">Post</button>
       </div>
-      <div class="posts" id="posts"></div>
       <div class="channelTab" id="channelTab">
         <!-- <p class="channel">- Channel Name -</p> -->
 
       </div>
+      <div class="posts" id="posts"></div>
     </div>
     <script type="text/javascript" src="/js/posts.js"></script>
   </body>