diff --git a/01-frontend/src/helper/ItemCard.tsx b/01-frontend/src/helper/ItemCard.tsx
index f693019..03511d7 100644
--- a/01-frontend/src/helper/ItemCard.tsx
+++ b/01-frontend/src/helper/ItemCard.tsx
@@ -39,6 +39,20 @@ export default function ItemCard({ item }: { item: Item }) {
                                 <AddShoppingCart />
                             </IconButton>
                         </Typography>
+                        
+                        {item.stock > 10 ? (
+                            <Typography variant="body2">
+                                In Stock
+                            </Typography>
+                        ) : item.stock > 0 ?(
+                            <Typography variant="body2" sx={{ color: 'orange' }}>
+                                Almost Sold Out
+                            </Typography>
+                        ) : (
+                            <Typography variant="body2" sx={{ color: 'red' }}>
+                                Out of Stock
+                            </Typography>
+                        )}
                     </CardContent>
                 </CardActionArea>
             </Card>
diff --git a/01-frontend/src/pages/Product.tsx b/01-frontend/src/pages/Product.tsx
index ded5bf3..2021e8a 100644
--- a/01-frontend/src/pages/Product.tsx
+++ b/01-frontend/src/pages/Product.tsx
@@ -156,7 +156,7 @@ export default function Product() {
                                 size="large"
                                 startIcon={<ShoppingCartIcon />}
                                 onClick={handleAddToCart}
-                                disabled={item.stock === 0}
+                                disabled={item.stock <= 0}
                                 fullWidth
                             >
                                 Add to Cart