diff --git a/frontend/src/components/OrderCard.jsx b/frontend/src/components/OrderCard.jsx
index 9f5cb15..7f9fa99 100644
--- a/frontend/src/components/OrderCard.jsx
+++ b/frontend/src/components/OrderCard.jsx
@@ -1,4 +1,7 @@
+import { useNavigate } from "react-router-dom";
+
 export default function OrderCard({ order, statusLabels }) {
+  const navigate = useNavigate();
   return (
     <div className="bg-white/5 rounded-lg p-4 border border-white/10">
       {/* шапка */}
@@ -11,7 +14,7 @@ export default function OrderCard({ order, statusLabels }) {
 
       {/* товары */}
       <div className="flex flex-col gap-2 mb-3">
-        {order.Items?.map((oi) => (
+        {order.items?.map((oi) => (
           <div
             key={oi.id}
             className="flex items-center gap-3 text-sm text-white/70"
@@ -19,9 +22,10 @@ export default function OrderCard({ order, statusLabels }) {
             <img
               src={`/static/items/${oi.item?.avatar_url}`}
               alt=""
-              className="w-10 h-10 object-cover rounded flex-shrink-0"
+              onClick={() => navigate(`/items/${oi.item.id}`)}
+              className="w-20 h-20 md:w-30 md:h-30 object-cover rounded shrink-0 cursor-pointer"
             />
-            <span className="flex-grow">{oi.item?.name}</span>
+            <span className="grow">{oi.item?.name}</span>
             <span className="whitespace-nowrap">
               {oi.quantity} {oi.item?.unit} × {oi.price} ₽
             </span>