Немного исправил сетку графика

frontend/admin/css/modals.css

@@ -2,10 +2,7 @@
 .modal-overlay {
     display: none;
     position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    /* bottom: 0; */
+    inset: 0;
     background: rgba(0, 0, 0, 0.6);
     backdrop-filter: blur(4px);
 
@@ -13,6 +10,8 @@
 
     align-items: center;
     justify-content: center;
+    padding: 1rem;
+    overflow-y: auto;
 
     opacity: 0;
     transition: opacity var(--transition);
@@ -29,10 +28,11 @@
     border-radius: var(--radius-md);
     padding: 2rem;
 
-    width: 100%;
-    top: 0;
-    max-width: 100%;
+    width: min(560px, 100%);
+    max-width: calc(100vw - 2rem);
+    max-height: calc(100vh - 2rem);
     margin: 0 auto;
+    overflow-y: auto;
 
     position: relative;
     transform: scale(0.95);
@@ -40,10 +40,24 @@
     box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
 }
 
+.modal-content.card:hover {
+    transform: scale(0.95);
+    border-color: var(--bg-card-border);
+    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
+}
+
+.modal-content.card:hover::before {
+    opacity: 0;
+}
+
 .modal-overlay.open .modal-content {
     transform: scale(1);
 }
 
+.modal-overlay.open .modal-content.card:hover {
+    transform: scale(1);
+}
+
 .modal-close {
     position: absolute;
     top: 1rem;