diff --git a/.gitignore b/.gitignore
index be34eed2..1e279228 100644
--- a/.gitignore
+++ b/.gitignore
@@ -36,4 +36,4 @@ npm-debug.log
 /node_modules/
 
 *storybook.log
-config/dev.secret.exs
+config/dev.secret.exs
\ No newline at end of file
diff --git a/js/components/modal.tsx b/js/components/modal.tsx
index ae0d7cdc..d3f898aa 100644
--- a/js/components/modal.tsx
+++ b/js/components/modal.tsx
@@ -27,7 +27,11 @@ export const Modal = ({
       <div className='grid grid-cols-[1fr_max-content] grid-rows-[max-content_1fr] [grid-template-areas:"title_close"_"contents_contents"] overflow-scroll'>
         <div className="[grid-area:title]">{title}</div>
         <button className="[grid-area:close]" onClick={onClose}>
-          [x]
+          <img
+            src="/images/close.svg"
+            alt="Close"
+            className="w-4 hover:opacity-50"
+          />
         </button>
         <div className="[grid-area:contents]">{children}</div>
       </div>
diff --git a/js/test/components/operatorSignIn/operatorSignInModal.test.tsx b/js/test/components/operatorSignIn/operatorSignInModal.test.tsx
index 1dd53a14..3064bb94 100644
--- a/js/test/components/operatorSignIn/operatorSignInModal.test.tsx
+++ b/js/test/components/operatorSignIn/operatorSignInModal.test.tsx
@@ -68,7 +68,7 @@ describe("OperatorSignInModal", () => {
       <OperatorSignInModal show={true} onComplete={jest.fn()} close={close} />,
     );
 
-    await userEvent.click(view.getByRole("button", { name: "[x]" }));
+    await userEvent.click(view.getByRole("button", { name: "Close" }));
     expect(close).toHaveBeenCalled();
     view.rerender(
       <OperatorSignInModal show={false} onComplete={jest.fn()} close={close} />,
diff --git a/priv/static/images/close.svg b/priv/static/images/close.svg
new file mode 100644
index 00000000..3f341a0f
--- /dev/null
+++ b/priv/static/images/close.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="icon--close" viewBox="0 0 26 27" xmlns="http://www.w3.org/2000/svg">
+  <!-- legacy icon, replace with Sketch/Abstract export when possible -->
+  <path d="M16.324 13.704l9.015 9.076a2.377 2.377 0 0 1 0 3.345 2.339 2.339 0 0 1-3.323 0l-9.015-9.075-9.015 9.075a2.339 2.339 0 0 1-3.323 0 2.377 2.377 0 0 1 0-3.345l9.015-9.076L.663 4.63a2.377 2.377 0 0 1 0-3.345 2.339 2.339 0 0 1 3.323 0l9.015 9.075 9.015-9.075a2.339 2.339 0 0 1 3.323 0 2.377 2.377 0 0 1 0 3.345l-9.015 9.075z"/>
+</svg>
\ No newline at end of file