diff --git a/frontend/composables/api/product/useGetProduct.ts b/frontend/composables/api/product/useGetProduct.ts
index bed6794..92914e6 100644
--- a/frontend/composables/api/product/useGetProduct.ts
+++ b/frontend/composables/api/product/useGetProduct.ts
@@ -7,7 +7,7 @@ import { API_ENDPOINTS, QUERY_KEYS } from "~/constants";
 
 export type GetProductResponse = Product;
 
-const useGetDoc = (id: string | number | undefined) => {
+const useGetProduct = (id: string | number | undefined) => {
 
     // state
 
@@ -22,8 +22,15 @@ const useGetDoc = (id: string | number | undefined) => {
 
     return useQuery({
         queryKey: [QUERY_KEYS.product, id],
-        queryFn: () => handleGetProduct(id)
+        queryFn: () => handleGetProduct(id),
+        select: (product) => {
+            const copyOfProduct = { ...product };
+
+            copyOfProduct.variants = copyOfProduct.variants.sort((a, b) => b.in_stock - a.in_stock);
+
+            return copyOfProduct;
+        }
     });
 };
 
-export default useGetDoc;
+export default useGetProduct;