diff --git a/resources/js/components/AppearanceTabs.vue b/resources/js/components/AppearanceTabs.vue
index d3a0be40..43578fb1 100644
--- a/resources/js/components/AppearanceTabs.vue
+++ b/resources/js/components/AppearanceTabs.vue
@@ -2,12 +2,6 @@
 import { useAppearance } from '@/composables/useAppearance';
 import { Monitor, Moon, Sun } from 'lucide-vue-next';
 
-interface Props {
-    class?: string;
-}
-
-const { class: containerClass = '' } = defineProps<Props>();
-
 const { appearance, updateAppearance } = useAppearance();
 
 const tabs = [
@@ -18,7 +12,7 @@ const tabs = [
 </script>
 
 <template>
-    <div :class="['inline-flex gap-1 rounded-lg bg-neutral-100 p-1 dark:bg-neutral-800', containerClass]">
+    <div class="inline-flex gap-1 rounded-lg bg-neutral-100 p-1 dark:bg-neutral-800">
         <button
             v-for="{ value, Icon, label } in tabs"
             :key="value"