diff --git a/apps/storefront/src/pages/orderDetail/components/DetailPagination.tsx b/apps/storefront/src/pages/orderDetail/components/DetailPagination.tsx
index 46a32760..a694ac3d 100644
--- a/apps/storefront/src/pages/orderDetail/components/DetailPagination.tsx
+++ b/apps/storefront/src/pages/orderDetail/components/DetailPagination.tsx
@@ -204,13 +204,13 @@ const DetailPagination = ({
 
       <IconButton
         onClick={handleBeforePage}
-        disabled={arrived === 'toLeft' || loading}
+        disabled={totalCount <= 1 || arrived === 'toLeft' || loading}
       >
         <NavigateBeforeIcon />
       </IconButton>
       <IconButton
         onClick={handleNextPage}
-        disabled={arrived === 'toRight' || loading}
+        disabled={totalCount <= 1 || arrived === 'toRight' || loading}
       >
         <NavigateNextIcon />
       </IconButton>
diff --git a/apps/storefront/src/pages/pdp/PDP.tsx b/apps/storefront/src/pages/pdp/PDP.tsx
index b1577c82..eedb9899 100644
--- a/apps/storefront/src/pages/pdp/PDP.tsx
+++ b/apps/storefront/src/pages/pdp/PDP.tsx
@@ -156,8 +156,11 @@ const PDP = ({
       <Button
         onClick={() => gotoShoppingDetail(id)}
         variant="text"
+        sx={{
+          color: '#ffffff',
+        }}
       >
-        view shoppping list
+        view shopping list
       </Button>
     </Box>
   )