fix ui: fixes for search bar buttons, filter spacing

frontend/app/components/shared/Filters/FilterList/FilterList.tsx

@@ -230,6 +230,10 @@ function FilterList(props: Props) {
           <div className="mb-2 text-sm color-gray-medium mr-auto">FILTERS</div>
           {filters.map((filter: any, filterIndex: any) =>
             !filter.isEvent ? (
+              <div className={'py-2 hover:bg-active-blue px-5'} style={{
+                marginLeft: '-1.25rem',
+                width: 'calc(100% + 2.5rem)',
+              }}>
               <FilterItem
                 key={filterIndex}
                 readonly={props.readonly}
@@ -241,6 +245,7 @@ function FilterList(props: Props) {
                 excludeFilterKeys={excludeFilterKeys}
                 isConditional={isConditional}
               />
+              </div>
             ) : null
           )}
         </>

frontend/app/components/shared/MainSearchBar/MainSearchBar.tsx

@@ -37,7 +37,7 @@ const MainSearchBar = (props: Props) => {
       <div style={{ flex: 3, marginRight: '10px' }}>
         {isSaas ? <AiSessionSearchField /> : <SessionSearchField />}
       </div>
-      <div className="flex items-center gap-2" style={{ flex: 2 }}>
+      <div className="flex items-center gap-2 my-2 lg:my-0" style={{ flex: 2 }}>
         <TagList />
         <SavedSearch />
         <Button