clients/metrics: polish analytics view

Author: emilwidlund

clients/apps/web/src/components/Metrics/DateRangePicker.tsx

@@ -52,7 +52,10 @@ const DateRangePicker: React.FC<DateRangePickerProps> = ({
   return (
     <div className={twMerge('grid gap-2', className)}>
       <Popover>
-        <PopoverTrigger asChild>
+        <PopoverTrigger
+          asChild
+          className="dark:bg-polar-800 !rounded-full border-gray-200 bg-white"
+        >
           <Button
             id="date"
             variant={'outline'}

clients/packages/polarkit/src/components/ui/atoms/Card.tsx

@@ -17,7 +17,7 @@ const Card = React.forwardRef<
   <CardPrimitive
     ref={ref}
     className={twMerge(
-      'dark:bg-polar-800 rounded-4xl dark:border-polar-700 border-transparent bg-white text-gray-950 shadow-none dark:text-white',
+      'dark:bg-polar-800 rounded-4xl border-transparent bg-white text-gray-950 shadow-none shadow-sm dark:border-transparent dark:text-white',
       className,
     )}
     {...props}