ref(monitors): Monitors project page filter on left side (#32793)

monitors page filter on left side

static/app/views/monitors/monitors.tsx

@@ -82,12 +82,12 @@ class Monitors extends AsyncView<Props, State> {
           </HeaderTitle>
         </PageHeader>
         <Filters>
+          <ProjectPageFilter />
           <SearchBar
             query={decodeScalar(qs.parse(location.search)?.query, '')}
             placeholder={t('Search for monitors.')}
             onSearch={this.handleSearch}
           />
-          <ProjectPageFilter />
         </Filters>
         <Panel>
           <PanelBody>
@@ -141,7 +141,7 @@ const StyledTimeSince = styled(TimeSince)`
 
 const Filters = styled('div')`
   display: grid;
-  grid-template-columns: 1fr minmax(auto, 300px);
+  grid-template-columns: minmax(auto, 300px) 1fr;
   gap: ${space(1.5)};
   margin-bottom: ${space(2)};
 `;