fix: theme select (#1521)

Author: mxkaske

apps/status-page/src/app/(public)/client.tsx

@@ -107,7 +107,7 @@ export function Client() {
           </div>
         </div>
         <div className="flex gap-3">
-          <ThemeSelect className="min-w-[110px] max-w-[110px]" />
+          <ThemeSelect className="min-w-[125px] max-w-[125px]" />
           <Input
             placeholder={`Search from ${THEME_KEYS.length} themes`}
             value={q ?? ""}

apps/status-page/src/components/themes/theme-select.tsx

@@ -28,7 +28,11 @@ export function ThemeSelect({
   }, []);
 
   if (!mounted) {
-    return <Skeleton className="h-9 rounded-md border border-border" />;
+    return (
+      <Skeleton
+        className={cn("h-9 rounded-md border border-border", className)}
+      />
+    );
   }
 
   return (