1 files changed, 12 insertions, 7 deletions
diff --git a/src/lib/checkout/components/SectionQuotationExpedition.jsx b/src/lib/checkout/components/SectionQuotationExpedition.jsx
index b8ea04ef..817cd21b 100644
--- a/src/lib/checkout/components/SectionQuotationExpedition.jsx
+++ b/src/lib/checkout/components/SectionQuotationExpedition.jsx
@@ -239,7 +239,7 @@ export default function SectionExpeditionQuotation({ products }) {
     <div className='px-4 py-2'>
       <div className='flex justify-between items-center'>
         <div className='font-medium'>Pilih Ekspedisi: </div>
-        <div className='w-[350px]'>
+        <div className='relative w-[350px]'>
           <div
             className='w-full p-2 border rounded-lg bg-white cursor-pointer'
             onClick={() => setOnFocuseSelectedCourier(!onFocusSelectedCourier)}
@@ -253,7 +253,10 @@ export default function SectionExpeditionQuotation({ products }) {
             )}
           </div>
           {onFocusSelectedCourier && (
-            <div className='absolute bg-white border rounded-lg mt-1 shadow-lg z-10 max-h-[200px] overflow-y-auto w-[350px]'>
+            <div
+              className='absolute left-0 top-full mt-1 bg-white border rounded-lg shadow-lg z-50
+                    max-h-[200px] overflow-y-auto w-full sm:w-[350px]'
+            >
               {!isLoading ? (
                 <>
                   <div
@@ -297,8 +300,8 @@ export default function SectionExpeditionQuotation({ products }) {
 
       {checkWeigth && (
         <p className='mt-4 text-gray-600'>
-          Mohon maaf, pengiriman hanya tersedia untuk self pickup karena ada barang
-          yang belum memiliki berat. Silakan hubungi admin via{' '}
+          Mohon maaf, pengiriman hanya tersedia untuk self pickup karena ada
+          barang yang belum memiliki berat. Silakan hubungi admin via{' '}
           <a
             className='text-blue-600 underline'
             href='https://api.whatsapp.com/send?phone=6281717181922'
@@ -316,7 +319,7 @@ export default function SectionExpeditionQuotation({ products }) {
         selectedCourier !== 0 && (
           <div className='mt-4 flex justify-between'>
             <div className='font-medium mb-2'>Tipe Layanan Ekspedisi:</div>
-            <div className='relative w-[350px]'>
+            <div className='relative w-full sm:w-[350px]'>
               <div
                 className='p-2 border rounded-lg bg-white cursor-pointer'
                 onClick={() => setIsOpen(!isOpen)}
@@ -331,11 +334,13 @@ export default function SectionExpeditionQuotation({ products }) {
                     </span>
                   </div>
                 ) : (
-                  <span className='text-gray-500'>Pilih layanan pengiriman</span>
+                  <span className='text-gray-500'>
+                    Pilih layanan pengiriman
+                  </span>
                 )}
               </div>
               {isOpen && (
-                <div className='absolute bg-white border rounded-lg mt-1 shadow-lg z-10 w-full'>
+                <div className='absolute left-0 top-full mt-1 bg-white border rounded-lg shadow-lg z-50 w-full'>
                   {serviceOptions.map((service) => (
                     <div
                       key={service.service_type}