usa map: fix sizing

web/components/usa-map/usa-map.tsx

@@ -1,6 +1,7 @@
 // https://github.com/jb-1980/usa-map-react
 // MIT License
 
+import clsx from 'clsx'
 import { DATA } from './data'
 import { USAState } from './usa-state'
 
@@ -65,9 +66,8 @@ export const USAMap = ({
   const stateClickHandler = (state: string) => customize?.[state]?.clickHandler
 
   return (
-    <div className="flex w-full">
     <svg
-        className={className}
+      className={clsx('flex h-96 w-full sm:h-full', className)}
       xmlns="http://www.w3.org/2000/svg"
       viewBox="0 0 959 593"
     >
@@ -99,6 +99,5 @@ export const USAMap = ({
         </g>
       </g>
     </svg>
-    </div>
   )
 }