diff --git a/app/dashboard/templates/dashboard/index-vue.html b/app/dashboard/templates/dashboard/index-vue.html
index eb845084a53..a1f0ad7fe28 100644
--- a/app/dashboard/templates/dashboard/index-vue.html
+++ b/app/dashboard/templates/dashboard/index-vue.html
@@ -278,7 +278,7 @@
               </p>
             </div>
           </div>
-          <div class="col-12 col-xl-9 body hackathon-explorer">
+          <div class="col-12 col-xl-10 body hackathon-explorer">
             <b-tabs :value="activePanel" @input="tabChange" justified nav-class="col-12 col-md-8 offset-md-3 px-4" nav-wrapper-class="col-12 nav-tabs" align="left" content-class="col-12 px-4 mt-4 light-blue" class="row">
               <template v-slot:tabs-start>
                 <div class="hack-logo-wrapper d-none d-xl-block">
@@ -802,31 +802,33 @@ <h6 class="font-weight-bold mb-3">Invite [[numUsers]] Users to the Bounty</h6>
               </template>
             </b-tabs>
           </div>
-          <div class="d-none d-xl-block col-xl-3">
+          <div class="d-none d-xl-block col-xl-2">
             <div id="sponsor_sidebar" class="font-body">
               <div class="sponsor-top"></div>
               <sponsor-tribes-widget v-if="hackathonSponsors.length > 0" inline-template>
-                <div class="p-xl-0 p-4">
+                <div class="p-xl-2 p-4">
                   <div class="offset-1 subheading left-ribbon">
                     {% trans "Sponsor Tribes" %}
                   </div>
                   <ul class="list-unstyled">
-                    <b-media v-for="sponsor in tribesData" tag="li"  class="bg-white rounded m-4" vertical-align="center">
+                    <b-media v-for="sponsor in tribesData" tag="li"  class="rounded my-4 ml-4" vertical-align="center">
                       <template v-slot:aside>
                         <b-avatar :src="sponsor.avatar_url" size="46" :alt="sponsor.org_name" class="ml-n3"></b-avatar>
                       </template>
-                      <div class="py-3 pr-3">
-                        <div class="d-flex justify-content-between">
-                          <a class="mb-1 font-bigger-1 text-truncate w-50" :href="`/profile/${sponsor.org_name}`">[[ sponsor.display_name ]]</a>
-                          <b-button variant="outline-primary" @click="followTribe(sponsor.org_name, $event)" v-bind:class="[sponsor.followed ? 'btn-outline-gc-green' : 'btn-gc-blue', 'btn-sm']">[[ sponsor.followed ? "following" : "follow" ]]</b-button>
-                        </div>
+                      <div>
+                        <a class="mb-1 font-body font-weight-semibold w-50" :href="`/profile/${sponsor.org_name}`">
+                          [[ sponsor.display_name ]]
+                        </a>
+                        <ul class="list-unstyled font-caption mb-1">
+                          <li><i class="fas fa-fw fa-user"></i> [[ sponsor.follower_count ]] Followers</li>
+                          <li><i class="fas fa-fw fa-trophy"></i> [[ sponsor.bounty_count ]] Bounties Funded</li>
+                        </ul>
+                        <b-button variant="outline-primary" @click="followTribe(sponsor.org_name, $event)"
+                          v-bind:class="[sponsor.followed ? 'btn-outline-gc-green' : 'btn-gc-blue', 'btn-sm', 'font-smaller-5', 'font-weight-semibold']"
+                        >
+                          [[ sponsor.followed ? "following" : "follow" ]]
+                        </b-button>
 
-                        <div class="">
-                          <ul class="list-unstyled" class="mb-0">
-                            <li><i class="fas fa-fw fa-user"></i> [[ sponsor.follower_count ]] Followers</li>
-                            <li><i class="fas fa-fw fa-trophy"></i> [[ sponsor.bounty_count ]] Bounties Funded</li>
-                          </ul>
-                        </div>
                       </div>
                     </b-media>
                   </ul>