diff --git a/resources/assets/vue/components/companies/elements/CompanyListComponent.vue b/resources/assets/vue/components/companies/elements/CompanyListComponent.vue
index e3da2853..9fe3c96a 100644
--- a/resources/assets/vue/components/companies/elements/CompanyListComponent.vue
+++ b/resources/assets/vue/components/companies/elements/CompanyListComponent.vue
@@ -1,13 +1,14 @@
 <template>
     <div class="row align-items-center m-b-10 parentContainer">
         <div class="row w-100 m-0 p-0 ">
-            <div class="col-8 pull-left mt-2 pr-0">
+            <div class="col pull-left mt-2 pr-0">
                 <div class="font-heading all-caps fs-11">{{this.item.name}}</div>
             </div>
             <div class="col-2 text-center mt-2">
                 <div class="font-heading all-caps fs-11">{{this.item.bookings.length}}</div>
             </div>
-            <div class="col-2 text-right pull-right">
+            <div class="col-3 text-right pull-right">
+                <button type="button" @click="viewCompany()" class="btn btn-xs btn-info fs-11"><i class="fa fa-angle-down"></i></button>
                 <a :href="route('customer.profile', item.id)">
                     <button type="button" class="btn btn-xs btn-primary fs-11">View</button>
                 </a>
diff --git a/resources/assets/vue/components/companies/sections/CompanyQuickViewSectionComponent.vue b/resources/assets/vue/components/companies/sections/CompanyQuickViewSectionComponent.vue
index 5b46d2f2..00853fc5 100644
--- a/resources/assets/vue/components/companies/sections/CompanyQuickViewSectionComponent.vue
+++ b/resources/assets/vue/components/companies/sections/CompanyQuickViewSectionComponent.vue
@@ -2,17 +2,15 @@
     <div class="col-12">
         <div class="b-b b-dashed b-grey p-b-25" v-show="!this.show_details">
             <div class="row align-items-center m-b-5 parentContainer">
-
-                   <div class="col-8">
-                        <div class="font-heading fs-10 muted all-caps">Company</div>
-                    </div>
-                    <div class="col-2 text-center">
-                        <div class="font-heading fs-10 muted all-caps">Booking</div>
-                    </div>
-                    <div class="col-2 text-right pull-right">
-                        <div class="font-heading fs-10 muted all-caps">Action</div>
-                    </div>
-
+                <div class="col">
+                    <div class="font-heading fs-10 muted all-caps">Company</div>
+                </div>
+                <div class="col-2 text-center">
+                    <div class="font-heading fs-10 muted all-caps">Booking</div>
+                </div>
+                <div class="col-3 text-right pull-right">
+                    <div class="font-heading fs-10 muted all-caps">Action</div>
+                </div>
             </div>
             <list-component  key="2" :section="this.section" :endpoint="route('api.company.list')" :options="{'business_type': 2, with_bookings:true}">
                 <template slot="list" slot-scope="{data}">