diff --git a/apps/storefront/src/pages/orderDetail/components/OrderShoppingList.tsx b/apps/storefront/src/pages/orderDetail/components/OrderShoppingList.tsx
index 2887c3bc..0c0897b3 100644
--- a/apps/storefront/src/pages/orderDetail/components/OrderShoppingList.tsx
+++ b/apps/storefront/src/pages/orderDetail/components/OrderShoppingList.tsx
@@ -4,6 +4,7 @@ import { Box, ListItemText, MenuItem, MenuList, useTheme } from '@mui/material'
 
 import { B3Dialog, B3Sping, CustomButton } from '@/components'
 import { b3HexToRgb } from '@/components/outSideComponents/utils/b3CustomStyles'
+import { useMobile } from '@/hooks'
 import { GlobaledContext } from '@/shared/global'
 import { getB2BShoppingList, getBcShoppingList } from '@/shared/service/b2b'
 
@@ -43,6 +44,7 @@ export default function OrderShoppingList(props: OrderShoppingListProps) {
   } = useContext(GlobaledContext)
 
   const theme = useTheme()
+  const [isMobile] = useMobile()
   const primaryColor = theme.palette.primary.main
 
   const [list, setList] = useState([])
@@ -113,9 +115,16 @@ export default function OrderShoppingList(props: OrderShoppingListProps) {
     >
       <B3Sping isSpinning={isLoading} isFlex={false}>
         <Box
-          sx={{
-            height: '430px',
-          }}
+          sx={
+            isMobile
+              ? {
+                  height: '430px',
+                }
+              : {
+                  padding: isLoading ? '4rem 0' : 'unset',
+                  maxHeight: '430PX',
+                }
+          }
         >
           <MenuList
             sx={{
diff --git a/apps/storefront/src/pages/quote/components/QuoteDetailSummary.tsx b/apps/storefront/src/pages/quote/components/QuoteDetailSummary.tsx
index d0bc0c13..7fe16c0e 100644
--- a/apps/storefront/src/pages/quote/components/QuoteDetailSummary.tsx
+++ b/apps/storefront/src/pages/quote/components/QuoteDetailSummary.tsx
@@ -52,7 +52,11 @@ export default function QuoteDetailSummary(props: QuoteDetailSummaryProps) {
               }}
             >
               <Typography>Discount amount</Typography>
-              <Typography>{`-${priceFormat(+discount)}`}</Typography>
+              <Typography>
+                {+discount > 0
+                  ? `-${priceFormat(+discount)}`
+                  : priceFormat(+discount)}
+              </Typography>
             </Grid>
             <Grid
               container