diff --git a/resources/assets/vue/components/companies/sections/customerDashboardSectionComponent.vue b/resources/assets/vue/components/companies/sections/customerDashboardSectionComponent.vue
index 7465cfb6..8d48fc7e 100644
--- a/resources/assets/vue/components/companies/sections/customerDashboardSectionComponent.vue
+++ b/resources/assets/vue/components/companies/sections/customerDashboardSectionComponent.vue
@@ -43,8 +43,8 @@
                             <div class="row tabsContainer"
                                  v-show="(company.status === 2 || company.status === 1) && company.bookings.length">
                                 <div class="col">
-                                    <div class="row m-l-0 m-r-0 d-none d-md-flex">
-                                        <div class="col">
+                                    <div class="row m-l-0 m-r-0">
+                                        <div class="col-6 col-md-8">
                                             <div class="row">
                                                 <div class="col m-r-5">
                                                     <div class="row fs-12 text-center">
@@ -66,7 +66,7 @@
                                                         </div>
                                                     </div>
                                                 </div>
-                                                <div class="col m-r-5">
+                                                <div class="col m-r-5 d-none d-md-inline">
                                                     <div class="row fs-12 text-center">
                                                         <div class="col p-t-20 p-b-20 bg-master-lighter tabButton" tab-name="payments">
                                                             <div class="row justify-content-center m-b-5">
@@ -85,7 +85,7 @@
                                                         </div>
                                                     </div>
                                                 </div>
-                                                <div class="col">
+                                                <div class="col d-none d-md-inline">
                                                     <div class="row fs-12 text-center">
                                                         <div class="col p-t-20 p-b-20 bg-master-lighter tabButton"
                                                              tab-name="PO">
@@ -263,9 +263,9 @@
                                                 </div>
                                             </div>
                                         </div>
-                                        <div class="col-4">
+                                        <div class="col-6 col-md-4">
                                             <div class="row justify-content-end">
-                                                <div class="col-8">
+                                                <div class="col-12 col-md-8">
                                                     <div class="row fs-12 text-center">
                                                         <div class="col p-t-20 p-b-20 bg-master-lighter tabButton"
                                                              tab-name="complete">