diff --git a/apps/desktop/src/routes/settings/profile.tsx b/apps/desktop/src/routes/settings/profile.tsx
index 417db000a..7a405e3f9 100644
--- a/apps/desktop/src/routes/settings/profile.tsx
+++ b/apps/desktop/src/routes/settings/profile.tsx
@@ -51,11 +51,6 @@ export function ProfileSettingScreen() {
 
 		let content = {
 			...data,
-			username: data.name,
-			display_name: data.displayName,
-			bio: data.about,
-			image: picture,
-			cover: banner,
 			picture,
 			banner,
 		};
@@ -140,7 +135,7 @@ export function ProfileSettingScreen() {
 						</label>
 						<input
 							type={"text"}
-							{...register("displayName")}
+							{...register("display_name")}
 							spellCheck={false}
 							className="relative h-11 w-full rounded-lg border-transparent bg-neutral-100 px-3 py-1 text-neutral-900 !outline-none backdrop-blur-xl placeholder:text-neutral-500 focus:border-blue-500 focus:ring focus:ring-blue-200 dark:bg-neutral-900 dark:text-neutral-100"
 						/>
diff --git a/packages/ark/src/provider.tsx b/packages/ark/src/provider.tsx
index 99a06d4e5..b7ea57ed2 100644
--- a/packages/ark/src/provider.tsx
+++ b/packages/ark/src/provider.tsx
@@ -228,7 +228,7 @@ export const LumeProvider = ({ children }: PropsWithChildren<object>) => {
 		return (
 			<div
 				data-tauri-drag-region
-				className="relative flex items-center justify-center w-screen h-screen"
+				className="relative flex items-center justify-center w-screen h-screen bg-white dark:bg-black"
 			>
 				<div className="flex flex-col items-start max-w-2xl gap-1">
 					<h5 className="font-semibold uppercase">TIP:</h5>