insights: fix bar height (#91895)

Fixes DE-66

Author: JonasBa

static/app/views/insights/common/components/modulePageFilterBar.tsx

@@ -106,11 +106,15 @@ export function ModulePageFilterBar({
           otherwise two clicks are required because of some rerendering/event propogation issues into the children */}
         <div style={{width: '100px', position: 'absolute', height: '100%'}} />
       </Tooltip>
-      <PageFilterBar condensed>
-        {!disableProjectFilter && <ProjectPageFilter onChange={onProjectChange} />}
-        <EnvironmentPageFilter />
-        <DatePageFilter {...dateFilterProps} />
-      </PageFilterBar>
+      {/* Requires an extra div, else the pagefilterbar will grow to fill the height
+      of the readout ribbon which results in buttons being very large. */}
+      <div>
+        <PageFilterBar condensed>
+          {!disableProjectFilter && <ProjectPageFilter onChange={onProjectChange} />}
+          <EnvironmentPageFilter />
+          <DatePageFilter {...dateFilterProps} />
+        </PageFilterBar>
+      </div>
       {hasDataWithSelectedProjects && extraFilters}
     </Fragment>
   );

static/app/views/issueDetails/streamline/header/header.tsx

@@ -333,7 +333,7 @@ const WorkflowActions = styled('div')`
 
 const Workflow = styled('div')`
   display: flex;
+  align-items: center;
   gap: ${space(0.5)};
   color: ${p => p.theme.subText};
-  align-items: center;
 `;