New menu layout.

src/components/input/DateFilter.tsx

@@ -106,6 +106,7 @@ export function DateFilter({
         placeholder={formatMessage(labels.selectDate)}
         onChange={handleChange}
         renderValue={renderValue}
+        popoverProps={{ style: { width: 200 } }}
       >
         {options.map(({ label, value, divider }: any) => {
           return (

src/components/input/WebsiteDateFilter.tsx

@@ -85,8 +85,8 @@ export function WebsiteDateFilter({
       />
       {!isAllTime && compare && (
         <Row alignItems="center" gap>
-          <Text>VS</Text>
-          <Select selectedKey={compare} onSelectionChange={handleSelect} style={{ width: '200px' }}>
+          <Text weight="bold">VS</Text>
+          <Select value={compare} onChange={handleSelect} popoverProps={{ style: { width: 200 } }}>
             <ListItem id="prev">{formatMessage(labels.previousPeriod)}</ListItem>
             <ListItem id="yoy">{formatMessage(labels.previousYear)}</ListItem>
           </Select>