order details: fix style

src/components/CustomBottomSheet/orderDetailsSheet/OrderDetailsBottomSheet.module.css

@@ -1,12 +1,12 @@
 .container {
-  padding: 16px;
+  padding: 20px 0;
   position: relative;
   display: grid;
   grid-template-rows: auto minmax(0, auto) auto minmax(0, auto) auto minmax(
       0,
       auto
     ) auto;
-  gap: 4px;
+  gap: 3px;
   height: 100%;
   max-height: 100%;
   overflow-y: auto;
@@ -58,8 +58,9 @@
   flex-direction: column;
   border-radius: 6px;
   background-color: var(--border);
+  margin-bottom: 10px;
 }
 .segmentedContent {
   width: 100%;
-  margin-bottom: 15px;
+  margin-bottom: 10px;
 }

src/components/CustomBottomSheet/orderDetailsSheet/OrderDetailsBottomSheet.tsx

@@ -34,6 +34,7 @@ export function OrderDetailsBottomSheet({
     >
       <div className={styles.container}>
         {/* Order Type */}
+
         <div className={styles.sectionTitle}>
           {t("orderDetails.fulfillmentType")}
         </div>