diff --git a/components/SearchModal/index.scss b/components/SearchModal/index.scss
index 288a4456..94eaa0b9 100644
--- a/components/SearchModal/index.scss
+++ b/components/SearchModal/index.scss
@@ -1,4 +1,4 @@
-.Search.Dialog {
+.Search.DialogContent {
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
@@ -94,7 +94,7 @@
   }
 }
 
-.Search.Dialog #NoResults {
+.Search.DialogContent #NoResults {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -102,7 +102,7 @@
   flex-grow: 1;
 }
 
-.Search.Dialog #NoResults h2 {
+.Search.DialogContent #NoResults h2 {
   color: var(--text-secondary);
   font-size: $font-large;
   font-weight: 500;
diff --git a/components/SearchModal/index.tsx b/components/SearchModal/index.tsx
index 3de50529..18a1e3d8 100644
--- a/components/SearchModal/index.tsx
+++ b/components/SearchModal/index.tsx
@@ -349,7 +349,7 @@ const SearchModal = (props: Props) => {
     <Dialog open={open} onOpenChange={openChange}>
       <DialogTrigger asChild>{props.children}</DialogTrigger>
       <DialogContent
-        className="Search Dialog"
+        className="Search"
         onEscapeKeyDown={onEscapeKeyDown}
         onOpenAutoFocus={onOpenAutoFocus}
       >
diff --git a/components/WeaponModal/index.scss b/components/WeaponModal/index.scss
index 0983755d..44ef260d 100644
--- a/components/WeaponModal/index.scss
+++ b/components/WeaponModal/index.scss
@@ -1,4 +1,4 @@
-.Weapon.Dialog {
+.Weapon.DialogContent {
   min-width: 480px;
 
   @include breakpoint(phone) {