diff --git a/app/assets/javascripts/components/shared/HorizontalSeparator.tsx b/app/assets/javascripts/components/shared/HorizontalSeparator.tsx
index b570d672e..6eb89f123 100644
--- a/app/assets/javascripts/components/shared/HorizontalSeparator.tsx
+++ b/app/assets/javascripts/components/shared/HorizontalSeparator.tsx
@@ -2,9 +2,9 @@ import { FunctionalComponent } from 'preact';
 
 type Props = {
   classes?: string;
-}
-export const HorizontalSeparator: FunctionalComponent<Props> = ({
-  classes = ''
-}) => {
-  return <hr className={`h-1px w-full bg-neutral no-border ${classes}`} />;
+};
+export const HorizontalSeparator: FunctionalComponent<Props> = ({
+  classes = '',
+}) => {
+  return <hr className={`h-1px w-full bg-border no-border ${classes}`} />;
 };
diff --git a/app/assets/javascripts/components/shared/ModalDialog.tsx b/app/assets/javascripts/components/shared/ModalDialog.tsx
index 8810e4faf..e2a46a27a 100644
--- a/app/assets/javascripts/components/shared/ModalDialog.tsx
+++ b/app/assets/javascripts/components/shared/ModalDialog.tsx
@@ -44,7 +44,7 @@ export const ModalDialogLabel: FunctionComponent<{
         Close
       </div>
     </div>
-    <hr className="h-1px bg-neutral no-border m-0" />
+    <hr className="h-1px bg-border no-border m-0" />
   </AlertDialogLabel>
 );