diff --git a/src/ui/components/FaModal/dialog/DialogContent.vue b/src/ui/components/FaModal/dialog/DialogContent.vue
index e1a6151d..4f520857 100644
--- a/src/ui/components/FaModal/dialog/DialogContent.vue
+++ b/src/ui/components/FaModal/dialog/DialogContent.vue
@@ -7,7 +7,6 @@ import { Maximize, Minimize, X } from 'lucide-vue-next'
 import {
   DialogClose,
   DialogContent,
-
   DialogPortal,
   useForwardPropsEmits,
 } from 'radix-vue'
diff --git a/src/ui/components/FaPageMain/index.vue b/src/ui/components/FaPageMain/index.vue
index 9e892443..6382220c 100755
--- a/src/ui/components/FaPageMain/index.vue
+++ b/src/ui/components/FaPageMain/index.vue
@@ -45,7 +45,7 @@ function handleCollaspe() {
       </slot>
     </div>
     <div
-      :class="cn('main-container group relative h-[calc-size(auto,size)] p-5 transition-height after:(pointer-events-none absolute bottom-0 left-0 z-1 h-12 max-h-full w-full from-transparent to-[hsl(var(--card))] bg-gradient-to-b opacity-0 transition-opacity content-empty)', {
+      :class="cn('group relative h-[calc-size(auto,size)] p-5 transition-height after:(pointer-events-none absolute bottom-0 left-0 z-1 h-12 max-h-full w-full from-transparent to-[hsl(var(--card))] bg-gradient-to-b opacity-0 transition-opacity content-empty)', {
         'overflow-hidden': collaspe,
         'after:(opacity-100)': isCollaspe,
       }, props.mainClass)" :style="{
diff --git a/src/ui/components/FaSelect/index.vue b/src/ui/components/FaSelect/index.vue
index d8d464b8..316b4ea8 100644
--- a/src/ui/components/FaSelect/index.vue
+++ b/src/ui/components/FaSelect/index.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import type { HTMLAttributes } from 'vue'
+import { cn } from '@/utils'
 import {
   Select,
   SelectContent,
@@ -19,6 +21,7 @@ const props = defineProps<{
     value: string
     disabled?: boolean
   }[]
+  class?: HTMLAttributes['class']
 }>()
 
 const value = defineModel<string>()
@@ -35,7 +38,7 @@ const selectedOption = computed({
 
 <template>
   <Select v-model:model-value="value" :disabled>
-    <SelectTrigger class="w-[200px]">
+    <SelectTrigger :class="cn('w-[200px]', props.class)">
       <SelectValue :placeholder="selectedOption.label" />
     </SelectTrigger>
     <SelectContent>
diff --git a/uno.config.ts b/uno.config.ts
index 4d22daee..81cbd4fa 100644
--- a/uno.config.ts
+++ b/uno.config.ts
@@ -1,4 +1,3 @@
-import type { PresetOrFactory } from '@unocss/core'
 import type { Theme } from 'unocss/preset-uno'
 import { entriesToCss, toArray } from '@unocss/core'
 import presetLegacyCompat from '@unocss/preset-legacy-compat'
@@ -106,7 +105,7 @@ export default defineConfig<Theme>({
   },
   presets: [
     presetUno(),
-    presetAnimations() as PresetOrFactory<Theme>,
+    presetAnimations(),
     presetAttributify(),
     presetIcons({
       extraProperties: {
@@ -118,7 +117,7 @@ export default defineConfig<Theme>({
     presetScrollbar(),
     presetLegacyCompat({
       legacyColorSpace: true,
-    }) as PresetOrFactory<Theme>,
+    }),
   ],
   transformers: [
     transformerDirectives(),