diff --git a/src/components/deals/details/DealDetails.tsx b/src/components/deals/details/DealDetails.tsx
index 24d213d..7366364 100644
--- a/src/components/deals/details/DealDetails.tsx
+++ b/src/components/deals/details/DealDetails.tsx
@@ -11,7 +11,7 @@ interface DealDetailsProps {
 }
 export default function DealDetails({ deal }: DealDetailsProps) {
   return (
-    <div className="text-white">
+    <div className="sticky top-0 pt-2 text-white">
       <div className="mb-10">
         <p className="mb-2 font-bold  text-teal-500">{deal.category || ''}</p>
         <div className="mb-10 flex flex-row items-end justify-between gap-x-4">