fix wrong css for filter on each component

src/containers/internal/views/accounts/index.tsx

@@ -71,7 +71,7 @@ export const Accounts = () => {
           </Icon>
         </Link>
       </section>
-      <section className="filters filters--spaced">
+      <section className="filters filters--multi">
         <SearchFilter
           placeholder="Filter accounts"
           filter={[filter, setFilter]}

src/containers/internal/views/applications/index.tsx

@@ -96,7 +96,7 @@ export const Applications = () => {
           </Link>
         )}
       </section>
-      <section className="filters filters--spaced">
+      <section className="filters filters--multi">
         <SearchFilter
           placeholder="Filter applications"
           filter={[filter, setFilter]}

src/containers/internal/views/carriers/index.tsx

@@ -155,7 +155,7 @@ export const Carriers = () => {
           </Icon>
         </Link>
       </section>
-      <section className="filters filters--spaced">
+      <section className="filters filters--multi">
         <SearchFilter
           placeholder="Filter carriers"
           filter={[filter, setFilter]}

src/containers/internal/views/clients/index.tsx

@@ -126,7 +126,7 @@ export const Clients = () => {
         </Link>
       </section>
 
-      <section className="filters filters--spaced">
+      <section className="filters filters--multi">
         <SearchFilter
           placeholder="Filter clients"
           filter={[filter, setFilter]}

src/containers/internal/views/least-cost-routing/index.tsx

@@ -99,7 +99,7 @@ export const Lcrs = () => {
           multiple carriers available.
         </M>
       </section>
-      <section className="filters filters--spaced">
+      <section className="filters filters--multi">
         <SearchFilter placeholder="Filter lcrs" filter={[filter, setFilter]} />
         <ScopedAccess user={user} scope={Scope.admin}>
           <AccountFilter

src/containers/internal/views/ms-teams-tenants/index.tsx

@@ -89,7 +89,7 @@ export const MSTeamsTenants = () => {
           </Link>
         )}
       </section>
-      <section className="filters filters--spaced">
+      <section className="filters filters--multi">
         <SearchFilter
           placeholder="Filter ms teams tenants"
           filter={[filter, setFilter]}

src/containers/internal/views/phone-numbers/index.tsx

@@ -129,7 +129,7 @@ export const PhoneNumbers = () => {
           </Link>
         )}
       </section>
-      <section className="filters filters--spaced">
+      <section className="filters filters--multi">
         <SearchFilter
           placeholder="Filter phone numbers"
           filter={[filter, setFilter]}

src/containers/internal/views/speech-services/index.tsx

@@ -112,7 +112,7 @@ export const SpeechServices = () => {
           </Icon>
         </Link>
       </section>
-      <section className="filters filters--ender">
+      <section className="filters filters--multi">
         <ScopedAccess user={user} scope={Scope.service_provider}>
           <AccountFilter
             account={[accountSid, setAccountSid]}

src/containers/internal/views/users/index.tsx

@@ -88,7 +88,7 @@ export const Users = () => {
           </Icon>
         </Link>
       </section>
-      <section className="filters filters--mix">
+      <section className="filters filters--multi">
         <section>
           <SearchFilter
             placeholder="Filter users"