Work on Host Kitchen

src/components/Home/RestaurantProfile/contcet/BasicInformation.js

@@ -10,13 +10,14 @@ const BasicInformation = ({ currentStepIndex = 0, onNext, onBack }) => {
         height: { xs: '90%', sm: '100%', md: 740 },
         backgroundColor: '#FFFFFF',
         px: 4,
-        pt: 4.5,
+         pt: {xs:4,md: 4.5},
+        
         pb: 10,
         display: 'block',
         borderRadius: 2,
         boxShadow: '0px 1px 4px rgba(0,0,0,0.05)',
         position: 'relative',
-        width: { xs: '80%', sm: '90%' },
+        width: { xs: '85%', sm: '90%' },
       }}
     >
       <Stack spacing={2.5}>

src/components/Home/RestaurantProfile/contcet/BusinessHours.js

@@ -32,13 +32,13 @@ const BusinessHours = ({ currentStepIndex = 0, onNext, onBack }) => {
                 height: { xs: '90%', sm: '100%', md: 740 },
                 backgroundColor: '#FFFFFF',
                 px: 4,
-                pt: 4.5,
+                 pt: {xs:4,md:4.5},
                 pb: 10,
                 display: 'block',
                 borderRadius: 2,
                 boxShadow: '0px 1px 4px rgba(0,0,0,0.05)',
                 position: 'relative',
-                width: { xs: '80%', sm: '90%' },
+                width: { xs: '85%', sm: '90%' },
             }}
         >
             <Stack spacing={2.5}>

src/components/Home/RestaurantProfile/contcet/ContactInformation.js

@@ -16,13 +16,13 @@ const ContactInformation = ({ currentStepIndex = 0, onNext, onBack }) => {
         height: { xs: '90%', sm: '100%', md: 740 },
         backgroundColor: '#FFFFFF',
         px: 4,
-        pt: { xs: 6, md: 14.5 },
+        pt: { xs: 4, md: 14.5 },
         pb: { xs: 20, sm: 20, md: 0 },
         display: 'block',
         borderRadius: 2,
         boxShadow: '0px 1px 4px rgba(0,0,0,0.05)',
         position: 'relative',
-        width: { xs: '80%', sm: '90%' },
+        width: { xs: '85%', sm: '90%' },
       }}
     >
       <Stack spacing={2.5}>

src/components/Home/RestaurantProfile/contcet/Equipment.js

@@ -18,12 +18,12 @@ const Equipment = ({ currentStepIndex = 0, onNext, onBack }) => {
                 height: { xs: '90%', sm: '100%', md: 740 },
                 backgroundColor: '#FFFFFF',
                 px: 4,
-                pt: { xs: 6, md: 12 },
+                pt: { xs: 4, md: 12 },
                 pb: { xs: 20, sm: 12, md: 3 },
                 display: 'block',
                 borderRadius: 2,
                 boxShadow: '0px 1px 4px rgba(0,0,0,0.05)',
-                width: { xs: '80%', sm: '90%' },
+                width: { xs: '85%', sm: '90%' },
                 position: 'relative',
             }}
         >

src/components/Home/RestaurantProfile/contcet/OperationalCapacity.js

@@ -10,13 +10,13 @@ const OperationalCapacity = ({ currentStepIndex = 0, onNext, onBack }) => {
                 height: { xs: '90%', sm: '100%', md:740 },
                 backgroundColor: '#FFFFFF',
                 px: 4,
-                pt: 12,
+                pt: {xs:4,md:12},
                 pb: 4,
                 display: 'block',
                 borderRadius: 2,
                 boxShadow: '0px 1px 4px rgba(0,0,0,0.05)',
                 position: 'relative',
-                width: { xs: '80%', sm: '90%' },
+                width: { xs: '85%', sm: '90%' },
             }}
         >
             <Stack spacing={2.5}>

src/components/Home/RestaurantProfile/contcet/TypeOfRestaurant.js

@@ -18,13 +18,13 @@ const TypeOfRestaurant = ({ currentStepIndex = 0, onNext, onBack }) => {
                 height: { xs: '90%', sm: '100%', md: 700 },
                 backgroundColor: '#FFFFFF',
                 px: 4,
-                pt: { xs: 6, md: 19.5 },
+                pt: { xs: 4, md: 19.5 },
                 pb: { xs: 20, sm: 20, md: 0 },
                 display: 'block',
                 borderRadius: 2,
                 boxShadow: '0px 1px 4px rgba(0,0,0,0.05)',
                 position: 'relative',
-                width: { xs: '80%', sm: '90%' },
+                width: { xs: '85%', sm: '90%' },
             }}
         >
             <Stack spacing={2.5}>

src/components/Home/RestaurantProfile/contcet/UploadMenu.js

@@ -18,11 +18,11 @@ const UploadMenu = ({ currentStepIndex = 0, onNext, onBack }) => {
                 height: { xs: '90%', sm: '100%', md: 740 },
                 backgroundColor: '#FFFFFF',
                 px: 4,
-                pt: 4.5,
+                pt: {xs:4,md:4.5},
                 pb: 10,
                 borderRadius: 2,
                 boxShadow: '0px 1px 4px rgba(0,0,0,0.05)',
-                width: { xs: '80%', sm: '90%' },
+                width: { xs: '85%', sm: '90%' },
                 mx: 'auto'
             }}
         >

src/components/Home/RestaurantProfile/contcet/UploadPhotos.js

@@ -27,13 +27,13 @@ const UploadPhotos = ({ currentStepIndex = 0, onNext, onBack }) => {
                 height: { xs: '90%', sm: '100%', md: 740 },
                 backgroundColor: '#FFFFFF',
                 px: 4,
-                pt: 11,
+                pt: {xs:4,md:11},
                 pb: 10,
                 display: 'block',
                 borderRadius: 2,
                 boxShadow: '0px 1px 4px rgba(0,0,0,0.05)',
                 position: 'relative',
-                width: { xs: '80%', sm: '90%' },
+                width: { xs: '85%', sm: '90%' },
             }}
         >
             <Stack spacing={2.5}>