tweak personas padding on mobile

Author: JoeChenJ

src/components/ProductTable/PresetFilters.tsx

@@ -59,7 +59,7 @@ const PresetFilters = ({
             >
               <button
                 className={cn(
-                  "duration-50 group flex h-full w-full cursor-pointer flex-col items-start rounded-2xl border p-6 shadow-[3px_2px_8px_0px_rgba(0,0,0,0.08)] transition-all hover:bg-background-highlight",
+                  "duration-50 group flex h-full w-full cursor-pointer flex-col items-start rounded-2xl border p-3 shadow-[3px_2px_8px_0px_rgba(0,0,0,0.08)] transition-all hover:bg-background-highlight lg:p-6",
                   "focus-visible:outline focus-visible:outline-4 focus-visible:-outline-offset-4 focus-visible:outline-primary-hover",
                   activePresets.includes(idx)
                     ? "border-primary"
@@ -84,7 +84,7 @@ const PresetFilters = ({
                         strokeWidth="3"
                         strokeLinecap="round"
                         strokeLinejoin="round"
-                        className={`h-4 w-4 text-background`}
+                        className="h-4 w-4 text-background"
                       >
                         <polyline points="20 6 9 17 4 12"></polyline>
                       </svg>