From c5edfbefb6c4de35104aebff9195daba0213590e Mon Sep 17 00:00:00 2001
From: Yiannis Christodoulou <yiannis@web357.com>
Date: Fri, 19 Sep 2025 12:55:38 +0300
Subject: [PATCH] stye: Fix the width of close modal button

---
 frontend-tools/chapters-editor/client/src/components/Modal.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend-tools/chapters-editor/client/src/components/Modal.tsx b/frontend-tools/chapters-editor/client/src/components/Modal.tsx
index 3f9a7d57..ae7e2aa1 100644
--- a/frontend-tools/chapters-editor/client/src/components/Modal.tsx
+++ b/frontend-tools/chapters-editor/client/src/components/Modal.tsx
@@ -45,7 +45,7 @@ const Modal: React.FC<ModalProps> = ({ isOpen, onClose, title, children, actions
             <div className="modal-container" onClick={(e) => e.stopPropagation()}>
                 <div className="modal-header">
                     <h2 className="modal-title">{title}</h2>
-                    <button className="modal-close-button" onClick={onClose} aria-label="Close modal">
+                    <button className="modal-close-button" onClick={onClose} aria-label="Close modal" style={{ minWidth: '24px', minHeight: '24px' }}>
                         <svg
                             xmlns="http://www.w3.org/2000/svg"
                             width="24"