diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue
index b53b062..4149252 100644
--- a/src/components/Navbar.vue
+++ b/src/components/Navbar.vue
@@ -342,8 +342,9 @@
           <b-navbar-item tag="router-link" to="/creations">{{$t('navbar.user.creations')}}</b-navbar-item>
           <b-navbar-item tag="router-link" to="/downloads">{{$t('navbar.user.downloads')}}</b-navbar-item>
           <b-navbar-item tag="router-link" to="/admin" v-if="$store.state.user.admin">{{$t('navbar.user.admin')}}</b-navbar-item>
-          <b-navbar-item tag="router-link" to="/friends"><b-tag class="is-info" rounded v-if="friendCount > 0"> {{ friendCount }}</b-tag>&nbsp;&nbsp;&nbsp;&nbsp;<p>{{$t('navbar.user.friends')}}</p></b-navbar-item>
-          <b-navbar-item @click="logout()">{{$t('navbar.user.logout')}}</b-navbar-item>
+          <b-navbar-item tag="router-link" to="/friends"><p>{{$t('navbar.user.friends')}}&nbsp;</p><p v-if="friendCount > 0">&nbsp;({{ friendCount }})</p></b-navbar-item>
+          <div class="dropdown-divider"></div>
+          <b-navbar-item class="has-text-danger" @click="logout()">{{$t('navbar.user.logout')}}</b-navbar-item>
         </b-navbar-dropdown>
         <b-navbar-item v-if="loading">
           <div class="fa-1x">
diff --git a/src/views/Forums.vue b/src/views/Forums.vue
index 43881c3..077a803 100644
--- a/src/views/Forums.vue
+++ b/src/views/Forums.vue
@@ -79,10 +79,10 @@
                         thread.Posts[1].createdAt | formatDate
                       }}</span>
                     </div>
-                    <span title="Replies to thread" v-if="thread.Posts[0]">
+                    <span title="Replies to thread" v-if="thread.Posts[0]" class="is-hidden-mobile">
                       Replies: {{ thread.postsCount - 1 }}
                     </span>
-                    <span title="Replies to thread" v-else> Replies: 0 </span>
+                    <span title="Replies to thread" class="is-hidden-mobile" v-else> Replies: 0 </span>
                   </div>
                   <div class="thread_display__content">
                     {{ thread.Posts[0].plainText }}
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 8ce6643..a6da50f 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -4,10 +4,10 @@
 	<div class="container">
       <div class="columns is-centered">
         <div class="column is-4">
-          <div class="title">
-            {{ $store.state.user.username }}
-          </div>
           <div class="box">
+            <div class="title">
+              {{ $store.state.user.username }}
+            </div>
             <img :src="'https://cdn.kaverti.com/user/avatars/full/' + $store.state.user.avatar + '.png'" alt="Avatar" width="50%">
           </div>
           <div class="title">
@@ -43,7 +43,7 @@
             <article class="media">
               <figure class="media-left">
                 <figure class="image is-64x64 is-rounded">
-                  <img :src="'https://cdn.kaverti.com/user/avatars/headshot/' + post.fromUser.picture + '.png'" alt="Avatar">
+                  <img :src="'https://cdn.kaverti.com/user/avatars/headshot/' + post.fromUser.picture + '.png'" alt="Avatar" class="is-rounded">
                 </figure>
               </figure>
               <div class="media-content">
diff --git a/src/views/User.vue b/src/views/User.vue
index 879229d..c53ecf5 100644
--- a/src/views/User.vue
+++ b/src/views/User.vue
@@ -23,6 +23,7 @@
                 "
                 :alt="user.username + '\'s avatar'"
                 width="50%"
+                class="is-centered"
               />
             </div>
             <div class="buttons is-centered">