diff --git a/web/account/log-in-form.css b/web/account/log-in-form.css
--- a/web/account/log-in-form.css
+++ b/web/account/log-in-form.css
@@ -1,4 +1,4 @@
-div.modal-body {
+div.modal_body {
   display: flex;
   flex-direction: column;
   padding: 20px 40px;
@@ -7,32 +7,32 @@
   box-shadow: 0 0 40px rgba(126, 87, 194, 0.5);
 }
 
-div.form-title {
+div.form_title {
   padding: 6px 6px 0 0;
   font-size: var(--s-font-14);
   font-weight: var(--bold);
   color: var(--fg);
 }
 
-div.form-content {
+div.form_content {
   margin-top: 4px;
   margin-bottom: 8px;
   font-family: var(--font-stack);
   color: var(--fg);
 }
 
-div.form-footer {
+div.form_footer {
   display: flex;
   flex-direction: column;
   margin-top: 16px;
 }
 
-div.form-footer > button:disabled {
+div.form_footer > button:disabled {
   min-height: 48px;
   opacity: 0.5;
 }
 
-div.modal-form-error {
+div.modal_form_error {
   margin-top: 16px;
   font-size: 14px;
   color: var(--error);
diff --git a/web/account/log-in-form.react.js b/web/account/log-in-form.react.js
--- a/web/account/log-in-form.react.js
+++ b/web/account/log-in-form.react.js
@@ -121,11 +121,11 @@
   }, [inputDisabled]);
 
   return (
-    <div className={css['modal-body']}>
+    <div className={css.modal_body}>
       <form method="POST">
         <div>
-          <div className={css['form-title']}>Username</div>
-          <div className={css['form-content']}>
+          <div className={css.form_title}>Username</div>
+          <div className={css.form_content}>
             <Input
               type="text"
               placeholder="Username"
@@ -138,8 +138,8 @@
           </div>
         </div>
         <div>
-          <div className={css['form-title']}>Password</div>
-          <div className={css['form-content']}>
+          <div className={css.form_title}>Password</div>
+          <div className={css.form_content}>
             <PasswordInput
               value={password}
               onChange={onPasswordChange}
@@ -147,7 +147,7 @@
             />
           </div>
         </div>
-        <div className={css['form-footer']}>
+        <div className={css.form_footer}>
           <Button
             variant="filled"
             type="submit"
@@ -156,7 +156,7 @@
           >
             {loginButtonContent}
           </Button>
-          <div className={css['modal-form-error']}>{errorMessage}</div>
+          <div className={css.modal_form_error}>{errorMessage}</div>
         </div>
       </form>
     </div>