diff --git a/apps/web/pages/settings/my-account/appearance.tsx b/apps/web/pages/settings/my-account/appearance.tsx
index d1031eca1a..2bc76c2126 100644
--- a/apps/web/pages/settings/my-account/appearance.tsx
+++ b/apps/web/pages/settings/my-account/appearance.tsx
@@ -139,6 +139,9 @@ const AppearanceView = ({
         showToast(t("error_updating_settings"), "error");
       }
     },
+    onSettled: async () => {
+      await utils.viewer.me.invalidate();
+    },
   });
 
   return (
@@ -184,6 +187,7 @@ const AppearanceView = ({
         </div>
         <SectionBottomActions className="mb-6" align="end">
           <Button
+            loading={mutation.isPending}
             disabled={isUserThemeSubmitting || !isUserThemeDirty}
             type="submit"
             data-testid="update-theme-btn"
@@ -210,6 +214,7 @@ const AppearanceView = ({
           title={t("bookerlayout_user_settings_title")}
           description={t("bookerlayout_user_settings_description")}
           isDisabled={isBookerLayoutFormSubmitting || !isBookerLayoutFormDirty}
+          isLoading={mutation.isPending}
         />
       </Form>
 
@@ -295,6 +300,7 @@ const AppearanceView = ({
             </div>
             <SectionBottomActions align="end">
               <Button
+                loading={mutation.isPending}
                 disabled={isBrandColorsFormSubmitting || !isBrandColorsFormDirty}
                 color="primary"
                 type="submit">
diff --git a/packages/features/settings/BookerLayoutSelector.tsx b/packages/features/settings/BookerLayoutSelector.tsx
index 487126d931..f9f4d8442c 100644
--- a/packages/features/settings/BookerLayoutSelector.tsx
+++ b/packages/features/settings/BookerLayoutSelector.tsx
@@ -31,7 +31,7 @@ type BookerLayoutSelectorProps = {
    * to this boolean.
    */
   isDark?: boolean;
-
+  isLoading?: boolean;
   isDisabled?: boolean;
   isOuterBorder?: boolean;
 };
@@ -46,6 +46,7 @@ export const BookerLayoutSelector = ({
   isDark,
   isDisabled = false,
   isOuterBorder = false,
+  isLoading = false,
 }: BookerLayoutSelectorProps) => {
   const { control, getValues } = useFormContext();
   const { t } = useLocale();
@@ -79,7 +80,7 @@ export const BookerLayoutSelector = ({
             />
             {!isOuterBorder && (
               <SectionBottomActions align="end">
-                <Button type="submit" disabled={isDisabled} color="primary">
+                <Button loading={isLoading} type="submit" disabled={isDisabled} color="primary">
                   {t("update")}
                 </Button>
               </SectionBottomActions>