Fix styles after Dialog extraction

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;

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}
       >

components/WeaponModal/index.scss

@@ -1,4 +1,4 @@
-.Weapon.Dialog {
+.Weapon.DialogContent {
   min-width: 480px;
 
   @include breakpoint(phone) {