diff --git a/resources/js/pages/admin/account/Appearance.vue b/resources/js/pages/admin/account/Appearance.vue
index 11127de..dbfb137 100644
--- a/resources/js/pages/admin/account/Appearance.vue
+++ b/resources/js/pages/admin/account/Appearance.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { Head, useForm } from '@inertiajs/vue3';
 import { Monitor, Moon, Save, Sun } from '@lucide/vue';
+import type { AcceptableValue } from 'reka-ui';
 import { toast } from 'vue-sonner';
 import { Button } from '@/components/ui/button';
 import { Card, CardContent } from '@/components/ui/card';
@@ -51,7 +52,11 @@ const options: Array<{
         },
     ];
 
-function onAppearanceChange(value: string) {
+function onAppearanceChange(value: AcceptableValue) {
+    if (typeof value !== 'string') {
+        return;
+    }
+
     form.appearance = value as AppearanceMode;
     applyAppearance(form.appearance);
 }
diff --git a/resources/js/pages/admin/account/Profile.vue b/resources/js/pages/admin/account/Profile.vue
index 040e6dc..ab8dd26 100644
--- a/resources/js/pages/admin/account/Profile.vue
+++ b/resources/js/pages/admin/account/Profile.vue
@@ -18,7 +18,11 @@ import { RadioGroup, RadioGroupItem } from '@/components/ui/radio-group';
 import { Textarea } from '@/components/ui/textarea';
 import AccountLayout from '@/layouts/AccountLayout.vue';
 import { formErrors } from '@/lib/form';
-import type { EnumOption, ProfileFormData, ProfileUser } from '@/types/account';
+import type {
+    EnumOption,
+    ProfileFormData,
+    ProfileUser,
+} from '@/types/account';
 
 const props = defineProps<{
     user: ProfileUser;
@@ -37,6 +41,7 @@ const form = useForm<ProfileFormData>({
 
 function submit() {
     form.put('/admin/account/profile', {
+        preserveScroll: true,
         onError: () => {
             toast.error('Gagal menyimpan profil. Periksa kembali formulir.');
         },