Theme change. Render custom date ranges.

src/components/metrics/DatePickerForm.tsx

@@ -64,7 +64,7 @@ export function DatePickerForm({
       <Row justifyContent="end" gap>
         <Button onPress={onClose}>{formatMessage(labels.cancel)}</Button>
         <Button variant="primary" onPress={handleSave} isDisabled={disabled}>
-          {formatMessage(labels.save)}
+          {formatMessage(labels.apply)}
         </Button>
       </Row>
     </Column>

src/components/metrics/FilterBar.tsx

@@ -25,8 +25,8 @@ export function FilterBar({ websiteId }: { websiteId: string }) {
 
   return (
     <Row
-      gap="3"
-      backgroundColor="2"
+      gap
+      backgroundColor="1"
       alignItems="center"
       justifyContent="space-between"
       paddingY="3"