buttons

frontend/src/app/useManagementModals.tsx

@@ -3,6 +3,7 @@ import type { ReactNode } from 'react';
 import TagsPanel from '../tags/TagsPanel';
 import CorrespondentsPanel, { CorrespondentsPanelProps } from '../correspondents/CorrespondentsPanel';
 import PanelHeader from '../ui/PanelHeader';
+import { CloseIcon } from '../ui/icons';
 
 const TAGS_MODAL = 'tags';
 const CORRESPONDENTS_MODAL = 'correspondents';
@@ -106,8 +107,8 @@ export const useManagementModals = ({
             titleTag="h3"
             titleProps={{ id: 'tags-modal-title' }}
             actions={(
-              <button type="button" className="secondary" onClick={closeActiveModal}>
-                Close
+              <button type="button" className="icon-button" onClick={closeActiveModal} aria-label="Close">
+                <CloseIcon size={16} />
               </button>
             )}
           />
@@ -188,8 +189,8 @@ export const useManagementModals = ({
             titleTag="h3"
             titleProps={{ id: 'correspondents-modal-title' }}
             actions={(
-              <button type="button" className="secondary" onClick={closeActiveModal}>
-                Close
+              <button type="button" className="icon-button" onClick={closeActiveModal} aria-label="Close">
+                <CloseIcon size={16} />
               </button>
             )}
           />