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 (