diff --git a/frontend/src/Components/Order/ProgressBar.jsx b/frontend/src/Components/Order/ProgressBar.jsx
index ab672e51..2d27c479 100644
--- a/frontend/src/Components/Order/ProgressBar.jsx
+++ b/frontend/src/Components/Order/ProgressBar.jsx
@@ -2,16 +2,16 @@ import React from 'react'
 import { FaShoppingCart, FaShippingFast, FaCheckCircle } from 'react-icons/fa'
 
 const ProgressBar = ({ currentStep }) => {
-    const totalSteps = 3
-
+    const totalSteps = 3 
+    
     const icons = [
         <FaShoppingCart key="cart" />,
         <FaShippingFast key="shipping" />,
-        <FaCheckCircle key="done" />,
+        <FaCheckCircle key="done" />, 
     ]
 
     return (
-        <div className="flex items-center justify-center mt-3 mb-0">
+        <div className="flex items-center justify-center mt-3 mb-0 ">
             {Array.from({ length: totalSteps }, (_, index) => (
                 <div key={index} className="flex items-center">
                     <div
diff --git a/frontend/src/Pages/Shop/ProductPage.jsx b/frontend/src/Pages/Shop/ProductPage.jsx
index e7f894e7..43e45b4e 100644
--- a/frontend/src/Pages/Shop/ProductPage.jsx
+++ b/frontend/src/Pages/Shop/ProductPage.jsx
@@ -204,12 +204,6 @@ const ProductPage = ({ onAddToCart }) => {
                     <p class="text-xs text-gray-500 mt-2">- Chathura milan</p>
                 </div>
             </div>
-
-            <div class="ml-10 p-4">
-                <button class="bg-yellow-500 ml-6 text-white font-semibold py-2 px-4 rounded-lg shadow-sm hover:bg-yellow-600 transition-colors duration-300">
-                    See More Reviews
-                </button>
-            </div>
         </section>
     )
 }
diff --git a/frontend/src/Pages/Shop/ShopList.jsx b/frontend/src/Pages/Shop/ShopList.jsx
index 7a6d711f..a4289f29 100644
--- a/frontend/src/Pages/Shop/ShopList.jsx
+++ b/frontend/src/Pages/Shop/ShopList.jsx
@@ -118,10 +118,11 @@ const ShopList = () => {
                     {/* Search Bar */}
                     <input
                         type="text"
-                        placeholder="Search shops..."
+                        placeholder="   Search shops..."
                         value={searchTerm}
                         onChange={(e) => setSearchTerm(e.target.value)}
-                        className="mb-5 border border-gray-300 rounded-lg p-2 w-full focus:outline-none focus:ring-2 focus:ring-green-500 focus:border-green-500"
+                        className="mb-5 border border-gray-300 rounded-full p-2 w-full hover:border-green-500 focus:border-green-500 focus:outline-none focus:ring-1 focus:ring-green-500 transition duration-200"
+
                     />
 
                     {/* Loading Message */}
diff --git a/frontend/src/Pages/Shop/ShopPage.jsx b/frontend/src/Pages/Shop/ShopPage.jsx
index 45642375..7cb0e716 100644
--- a/frontend/src/Pages/Shop/ShopPage.jsx
+++ b/frontend/src/Pages/Shop/ShopPage.jsx
@@ -69,10 +69,10 @@ const ShopPage = () => {
                 <div className="product-search mb-6 w-2/4">
                     <input
                         type="text"
-                        placeholder="Search products..."
+                        placeholder=" Search products..."
                         value={searchTerm}
                         onChange={handleSearch}
-                        className="border border-gray-300 rounded-lg p-2 w-full focus:outline-none focus:ring-2 focus:ring-green-500 focus:border-green-500"
+                        className="border border-gray-300 rounded-full p-2 w-full hover:border-green-500 focus:border-green-500 focus:outline-none focus:ring-1 focus:ring-green-500 transition duration-200"
                     />
                 </div>
 
diff --git a/frontend/src/Pages/farmer/FarmerDashboard.jsx b/frontend/src/Pages/farmer/FarmerDashboard.jsx
index 5d0d2174..4f8a8a3a 100644
--- a/frontend/src/Pages/farmer/FarmerDashboard.jsx
+++ b/frontend/src/Pages/farmer/FarmerDashboard.jsx
@@ -337,6 +337,8 @@ const Dashboard = () => {
                                     placeholder="Search orders..."
                                     startContent={<IoSearch />}
                                     onChange={(e) => setSearch(e.target.value)}
+                                    className="border border-gray-50 hover:border-green-500 focus:border-green-500 focus:outline-none transition duration-200 rounded-full"
+
                                 />
                             </div>
                             <div
@@ -453,6 +455,9 @@ const Dashboard = () => {
                                                 <option value="Accept">
                                                     Accept
                                                 </option>
+                                                <option value="Rejected">
+                                                    Rejected
+                                                </option>
                                                 <option value="Ready">
                                                     Ready
                                                 </option>
@@ -465,9 +470,6 @@ const Dashboard = () => {
                                                 <option value="Delivered">
                                                     Delivered
                                                 </option>
-                                                <option value="Rejected">
-                                                    Rejected
-                                                </option>
                                             </select>
                                         </TableCell>
                                         <TableCell className="flex gap-6 justify-center items-center h-16">
diff --git a/frontend/src/Pages/order/Cart.jsx b/frontend/src/Pages/order/Cart.jsx
index bb8566a4..a059fec4 100644
--- a/frontend/src/Pages/order/Cart.jsx
+++ b/frontend/src/Pages/order/Cart.jsx
@@ -82,8 +82,10 @@ const Cart = () => {
     return (
         <div>
             <ProgressBar currentStep={1} />
-            <section className="bg-white py-2 md:py-4 antialiased">
-                <div className="mx-auto max-w-screen-xl px-4 2xl:px-0 border-gray-300 mb-2 ml-10 p-4 bg-gray-100 rounded-lg shadow-lg hover:shadow-xl transition-shadow duration-300">
+           <section className="bg-white py-2 md:py-4 antialiased">
+           <div className="mx-auto max-w-screen-xl px-4 2xl:px-0 border-gray-300 mb-2 ml-10 p-4 bg-gray-50 rounded-lg shadow-lg hover:shadow-xl transition-shadow duration-300">
+
+
                     <h2 className="text-xl font-semibold text-gray-900  sm:text-2xl">
                         My Shopping Cart
                     </h2>
diff --git a/frontend/src/Pages/order/DeleteOrder.jsx b/frontend/src/Pages/order/DeleteOrder.jsx
index 88af3a63..841a80dd 100644
--- a/frontend/src/Pages/order/DeleteOrder.jsx
+++ b/frontend/src/Pages/order/DeleteOrder.jsx
@@ -37,7 +37,7 @@ const DeleteOrder = ({
                                 Close
                             </Button>
                             <Button
-                                color="primary"
+                                className={`bg-green-500 hover:bg-green-600 text-white`}
                                 disabled={!orderId}
                                 onClick={async () => {
                                     if (orderId) {
diff --git a/frontend/src/Pages/order/OrderDetailsModal.jsx b/frontend/src/Pages/order/OrderDetailsModal.jsx
index 5e01f0c0..a67447aa 100644
--- a/frontend/src/Pages/order/OrderDetailsModal.jsx
+++ b/frontend/src/Pages/order/OrderDetailsModal.jsx
@@ -18,14 +18,14 @@ const OrderDetailsModal = ({ isOpen, onOpenChange, clickOrder }) => {
             <ModalContent>
                 {(onClose) => (
                     <>
-                        {/* Modal Header */}
+                        {/* Order modal Header */}
                         <ModalHeader className="flex flex-col gap-1 text-center">
                             <h4 className="text-xl font-bold text-gray-800">
                                 Order Details
                             </h4>
                         </ModalHeader>
 
-                        {/* Modal Body */}
+                        {/* Oeder modal Body */}
                         <ModalBody>
                             <div className="max-w-lg mx-auto bg-gray-50 p-6 rounded-lg shadow-sm">
                                 <div className="mb-2">
diff --git a/frontend/src/Pages/order/checkOut.jsx b/frontend/src/Pages/order/checkOut.jsx
index 9380cfc2..a546d457 100644
--- a/frontend/src/Pages/order/checkOut.jsx
+++ b/frontend/src/Pages/order/checkOut.jsx
@@ -301,7 +301,7 @@ const CheckOut = () => {
                         <div className=" flex justify-center items-center p-10 ">
                             <div className=" w-[600px]">
                                 <form className="flex flex-col gap-2">
-                                    <div className="flex gap-3">
+                                    <div className="flex gap-3 ">
                                         <Input
                                             label="Your name"
                                             placeholder="Enter your name"