From e1254364acdff7dc9165327c459aa571c6c0644e Mon Sep 17 00:00:00 2001
From: Maximilian Kaske <56969857+mxkaske@users.noreply.github.com>
Date: Wed, 29 Oct 2025 21:27:16 +0100
Subject: [PATCH] fix: theme select (#1521)

---
 apps/status-page/src/app/(public)/client.tsx            | 2 +-
 apps/status-page/src/components/themes/theme-select.tsx | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/apps/status-page/src/app/(public)/client.tsx b/apps/status-page/src/app/(public)/client.tsx
index 6fdcea8f..387486e9 100644
--- a/apps/status-page/src/app/(public)/client.tsx
+++ b/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 ?? ""}
diff --git a/apps/status-page/src/components/themes/theme-select.tsx b/apps/status-page/src/components/themes/theme-select.tsx
index 4e5621cc..bf53e9ec 100644
--- a/apps/status-page/src/components/themes/theme-select.tsx
+++ b/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 (
-- 
2.51.2