diff --git a/src/components/online/PostMatchRewardsModal.tsx b/src/components/online/PostMatchRewardsModal.tsx
index 5a6f74c..0d12bf7 100644
--- a/src/components/online/PostMatchRewardsModal.tsx
+++ b/src/components/online/PostMatchRewardsModal.tsx
@@ -83,7 +83,7 @@ export function PostMatchRewardsModal({
         initial={{ scale: 0.82, y: 28 }}
         animate={{ scale: 1, y: 0 }}
         transition={{ type: "spring", stiffness: 200, damping: 18 }}
-        className="glass rounded-3xl p-7 w-full max-w-sm text-center relative overflow-hidden"
+        className="glass rounded-3xl p-7 w-full max-w-sm text-center relative max-h-[90vh] overflow-y-auto overflow-x-hidden"
       >
         {/* radiating bg glow */}
         <div
diff --git a/src/components/screens/ShopScreen.tsx b/src/components/screens/ShopScreen.tsx
index 2eb13d7..6b8eab5 100644
--- a/src/components/screens/ShopScreen.tsx
+++ b/src/components/screens/ShopScreen.tsx
@@ -319,7 +319,7 @@ function DetailSheet({
         exit={{ y: 40, opacity: 0 }}
         transition={{ type: "spring", stiffness: 240, damping: 24 }}
         onClick={(e) => e.stopPropagation()}
-        className="glass rounded-3xl p-6 w-full max-w-sm text-center relative"
+        className="glass rounded-3xl p-6 w-full max-w-sm text-center relative max-h-[88vh] overflow-y-auto"
       >
         <button onClick={onClose} className="absolute top-3 ltr:right-3 rtl:left-3 grid size-9 place-items-center rounded-full hover:bg-navy-800/80 transition">
           <X className="size-4 text-cream/60" />