From c0be9f6eb4049867c8cd5cf1a0934aaad999cc9d Mon Sep 17 00:00:00 2001
From: HeagBoKaT <egordiki71@gmail.com>
Date: Fri, 29 May 2026 15:06:22 +0300
Subject: [PATCH] Fix modal: center on all screens, remove bottom-sheet that
 caused offset

---
 client/src/components/CatModal.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/src/components/CatModal.tsx b/client/src/components/CatModal.tsx
index 8c080ed..c447965 100644
--- a/client/src/components/CatModal.tsx
+++ b/client/src/components/CatModal.tsx
@@ -112,9 +112,9 @@ export default function CatModal({ catId, onClose }: CatModalProps) {
   });
 
   return (
-    <div className="fixed inset-0 z-[60] bg-black/30 flex items-end sm:items-center justify-center animate-fade-in" onClick={onClose}>
+    <div className="fixed inset-0 z-[60] bg-black/30 flex items-center justify-center p-4 animate-fade-in" onClick={onClose}>
       <div
-        className="w-full sm:max-w-lg bg-white sm:rounded-2xl max-h-[92vh] flex flex-col overflow-hidden shadow-xl animate-slide-up sm:animate-scale-in"
+        className="w-full max-w-lg bg-white rounded-2xl max-h-[90vh] flex flex-col overflow-hidden shadow-xl animate-scale-in"
         onClick={e => e.stopPropagation()}
       >
         <div className="flex items-center justify-between px-5 py-4 shrink-0">