fixes

src/components/retailer/layout/footer/FooterComponent.vue

@@ -1,6 +1,6 @@
 <template>
   
-    <v-footer class="py-sm-0 px-sm-0 pb-0 px-0 my-4" >
+    <v-footer padless >
       <v-row>
         <v-col
           class="footer-background-color "

src/components/retailer/retailer-search/RetailerSearchProducts.vue

@@ -72,14 +72,15 @@
                   </div>
                 </v-col>
                 <v-col cols="12" class="float-right" >
-                <v-hover v-slot:default="{ hover }">
+                <v-hover v-slot:default="{ isHovering, props }">
               <v-btn
                 :disabled="inProgress"
                 block
                 x-large
+                 v-bind="props"
                 :outlined="!inProgress ? hover:false"
-                :color="hover?'white':'primary'"
-                :class="hover?'primary--text':'white--text'"
+                :color="isHovering?'white':'primary'"
+                :class="isHovering?' text-primary':'text-white'"
                 class="text-uppercase ls-0 body productpage-button"
                 tile
                 depressed

src/routes/retailer/cart_products.vue

@@ -1,9 +1,9 @@
 <template>
   <v-container>
-    <v-overlay :value="cartProductsProgress" :opacity="0.2">
+    <v-overlay v-model="cartProductsProgress" :opacity="0.2"  contained class="align-center justify-center">
       <v-container>
         <v-row>
-          <v-col cols="12" class="d-flex justify-center align-center">
+          <v-col cols="12"  >
             <v-progress-circular
               indeterminate
               size="80"
@@ -36,7 +36,7 @@
                 >
                 </v-text-field>
               </template>
-                <v-card tile flat v-if="searchData" min-width="500">
+                <v-card tile flat v-if="searchData" max-width="750">
                   <RetailerSearchProducts @actionClose="showSnackBarMessage" />
                 </v-card>
                  <v-card  v-else >