Tauri dev front end rendering differently compared to on browser

Hello, similarly to this post (Tauri dev build not rendering correct), I’ve followed the prerequisites for Tauri in accordance to their website, however running npm run tauri dev renders it differently natively and browser. I’ve also tried to add both glib-networking and wrapGAppsHook4 on my flake, however I’m still getting a difference between opening on browser and on native.

I’ve also tried building the app, and when built and run using steam-run, the app works as intended just like in the browser. I would really appreciate if anyone could help me. Thank you!

Browser:

Application:

System Info
os: NixOS 24.11 (Vicuna)
kernel: 6.6.88

flake.nix

	{
		devShells.${system}.default = pkgs.mkShell rec {
			ANDROID_HOME = "${androidSdk}/libexec/android-sdk";
			NDK_HOME = "${ANDROID_HOME}/ndk-bundle";
			nativeBuildInputs = with pkgs; [
			    openssl
			    pkg-config
			    gobject-introspection
			    rustc
			    rustup
			    wrapGAppsHook4
			    wrapGAppsHook3
			    glib
			    glib-networking
			]; 
			buildInputs = with pkgs;[
			    cargo
			    cargo-tauri
			    nodejs
			    gtk3

			    webkitgtk_4_1
			];
			shellHook = ''
				export WEBKIT_DISABLE_COMPOSITING_MODE=1
				export WEBKIT_DISABLE_DMABUF_RENDERER=1
			'';
		};
	};

After searching up, apparently my issue was resolved by setting GDK_BACKEND = “x11” as an env variable. I hope this can help anyone who may be having this problem in the future.