diff --git a/web/modals/concurrent-modification-modal.css b/web/modals/concurrent-modification-modal.css
new file mode 100644
index 000000000..0c6bb443d
--- /dev/null
+++ b/web/modals/concurrent-modification-modal.css
@@ -0,0 +1,14 @@
+div.modal_body {
+  padding: 20px;
+  color: var(--fg);
+  background-color: var(--modal-bg);
+  border-radius: 16px;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+
+.refresh_button {
+  width: 100%;
+  margin-top: 24px;
+}
diff --git a/web/modals/concurrent-modification-modal.react.js b/web/modals/concurrent-modification-modal.react.js
index be5760cf3..190663b4a 100644
--- a/web/modals/concurrent-modification-modal.react.js
+++ b/web/modals/concurrent-modification-modal.react.js
@@ -1,32 +1,34 @@
 // @flow
 
 import * as React from 'react';
 
 import Button from '../components/button.react';
-import css from '../style.css';
+import css from './concurrent-modification-modal.css';
 import { useModalContext } from './modal-provider.react';
 import Modal from './modal.react';
 
 type Props = {
   +onRefresh: () => void,
 };
 
 export default function ConcurrentModificationModal(props: Props): React.Node {
   const modalContext = useModalContext();
 
   return (
     <Modal name="Concurrent modification" onClose={modalContext.clearModal}>
-      <div className={css['modal-body']}>
+      <div className={css.modal_body}>
         <p>
           It looks like somebody is attempting to modify that field at the same
           time as you! Please refresh the entry and try again.
         </p>
-        <div className={css['form-footer']}>
-          <Button onClick={props.onRefresh} type="submit">
-            Refresh entry
-          </Button>
-        </div>
+        <Button
+          onClick={props.onRefresh}
+          type="submit"
+          className={css.refresh_button}
+        >
+          Refresh entry
+        </Button>
       </div>
     </Modal>
   );
 }