Change close button icon size

efdevcon · Apr 25, 2024 · 7ebe6f4 · 7ebe6f4
1 parent 1a92953
commit 7ebe6f4
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/frontend/src/components/icons/CloseIcon.tsx b/packages/frontend/src/components/icons/CloseIcon.tsx
@@ -2,7 +2,7 @@ import { IconProps } from '@/components/icons/IconBase'
 
 export const CloseIcon = ({ color, size, className }: IconProps) => {
   return (
-    <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`} fill="none" color={color} className={className}>
+    <svg width={size} height={size} viewBox="0 0 16 16" fill="none" color={color} className={className}>
       <path d="M1 1L14 14" stroke="currentColor" />
       <path d="M1 14L14 0.999999" stroke="currentColor" />
     </svg>

diff --git a/packages/frontend/src/components/topBar/Modal.tsx b/packages/frontend/src/components/topBar/Modal.tsx
@@ -21,7 +21,7 @@ export const Modal = ({ isShown, onRequestClose, title, children }: ModalProps)
           <Content>
             <Header>
               <Title>{title}</Title>
-              <CloseButton size={24} color={Colors.Black} onClick={closeModal} />
+              <CloseButton size={16} color={Colors.Black} onClick={closeModal} />
             </Header>
             {children}
           </Content>