diff --git a/app/public/js/mobile.js b/app/public/js/mobile.js
index e903645..674cd38 100644
--- a/app/public/js/mobile.js
+++ b/app/public/js/mobile.js
@@ -176,3 +176,23 @@ messages.forEach((message) => {
     });
   });
 });
+
+/**
+ * Tabs
+ */
+
+const tabButtons = document.querySelectorAll(".js-tab-button");
+tabButtons.forEach((tab, index) => {
+  tab.addEventListener("click", () => {
+    const tabItems = document.querySelectorAll(".js-tab-item");
+    tabItems.forEach((item) => {
+      item.style.display = "none";
+    });
+    tabItems[index].style.display = "block";
+
+    tabButtons.forEach((tab) => {
+      tab.classList.remove("tab-selected");
+    });
+    tab.classList.add("tab-selected");
+  });
+});
diff --git a/app/public/mobile_style.css b/app/public/mobile_style.css
index 42f8641..da7f3bf 100644
--- a/app/public/mobile_style.css
+++ b/app/public/mobile_style.css
@@ -138,6 +138,7 @@ nav a.selected {
   border-radius: 5px 5px 0 0;
   margin-bottom: -1px;
   height: 32px;
+  padding: 0 20px;
 }
 
 .tab-title.tab-selected {
diff --git a/app/views/mobile/profile.ejs b/app/views/mobile/profile.ejs
index c8736e5..640632e 100644
--- a/app/views/mobile/profile.ejs
+++ b/app/views/mobile/profile.ejs
@@ -7,7 +7,7 @@
 
     <% if (friendshipStatus == "request_received") { %>
       <p><%= profile.name %> sent you a friendship request</p>
-    <% } else if (true || friendshipStatus == "request_rejected") { %>
+    <% } else if (friendshipStatus == "request_rejected") { %>
       <p>You rejected <%= profile.name %> friendship request</p>
     <% } %>
 
@@ -23,15 +23,15 @@
 </div>
 
 <div class="tabs" style="margin-top: 20px; padding: 0 10px;">
-  <button class="tab-title tab-selected">
+  <button class="tab-title tab-selected js-tab-button">
     Wall
   </button>
-  <button class="tab-title">
+  <button class="tab-title js-tab-button">
     Friends
   </button>
 </div>
 <div class="tab-content">
-  <div class="tab-item">
+  <div class="tab-item js-tab-item">
     <% if (posts.length > 0) { %>
       <form action="/publish" method="POST" style="padding: 0px 8px 5px 8px;">
         <textarea name="message" class="compose-post js-compose-post" placeholder="Write something to <%= profile.name %>..."></textarea>
@@ -48,4 +48,7 @@
       </div>
     <% } %>
   </div>
+  <div class="tab-item js-tab-item" style="display: none; padding: 10px">
+    <%- include('_friends', { friends: friends.friends }) %>
+  </div>
 </div>
\ No newline at end of file