diff --git a/.vscode/settings.json b/.vscode/settings.json
index aa8051dc8..e74422bd4 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,3 +1,4 @@
 {
-    "prettier.configPath": "packages/ui/.prettierrc",
+	"prettier.configPath": "packages/ui/.prettierrc",
+	"prettier.prettierPath": "packages/ui/node_modules/prettier/index.cjs"
 }
diff --git a/packages/ui/package.json b/packages/ui/package.json
index ab6b316e2..1b8dcf013 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -71,7 +71,7 @@
 		"postcss": "^8.4.31",
 		"postcss-load-config": "^4.0.1",
 		"posthog-js": "^1.84.2",
-		"prettier": "^3.0.3",
+		"prettier": "^3.1.0",
 		"prettier-plugin-svelte": "^3.0.3",
 		"prettier-plugin-tailwindcss": "^0.5.6",
 		"reflect-metadata": "^0.1.13",
diff --git a/packages/ui/src/routes/+error.svelte b/packages/ui/src/routes/+error.svelte
index b66c50995..42c9027e7 100644
--- a/packages/ui/src/routes/+error.svelte
+++ b/packages/ui/src/routes/+error.svelte
@@ -10,8 +10,8 @@
 	$: message = $page.error
 		? $page.error.message
 		: $page.status === 404
-		? 'Page not found'
-		: 'Something went wrong';
+		  ? 'Page not found'
+		  : 'Something went wrong';
 </script>
 
 <div class="flex h-full flex-1">
diff --git a/packages/ui/src/routes/[projectId]/components/RemoteNamePanel.svelte b/packages/ui/src/routes/[projectId]/components/RemoteNamePanel.svelte
index 62eb99ede..457cac033 100644
--- a/packages/ui/src/routes/[projectId]/components/RemoteNamePanel.svelte
+++ b/packages/ui/src/routes/[projectId]/components/RemoteNamePanel.svelte
@@ -39,7 +39,7 @@
 		value={remoteBranchName}
 		on:change={handleUpdateName}
 		name="remoteName"
-		class="text-color-2 block w-full rounded-md border-0 px-2 py-1.5 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"
+		class="text-color-2 ring-gray-300 focus:ring-indigo-600 block w-full rounded-md border-0 px-2 py-1.5 shadow-sm ring-1 ring-inset placeholder:text-gray-400 focus:ring-2 focus:ring-inset sm:text-sm sm:leading-6"
 		placeholder="Remote branch name (optional)"
 	/>
 </div>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ea32f647a..127c8be1c 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -177,14 +177,14 @@ importers:
         specifier: ^1.84.2
         version: 1.84.2
       prettier:
-        specifier: ^3.0.3
-        version: 3.0.3
+        specifier: ^3.1.0
+        version: 3.1.0
       prettier-plugin-svelte:
         specifier: ^3.0.3
-        version: 3.0.3(prettier@3.0.3)(svelte@4.2.2)
+        version: 3.0.3(prettier@3.1.0)(svelte@4.2.2)
       prettier-plugin-tailwindcss:
         specifier: ^0.5.6
-        version: 0.5.6(prettier-plugin-svelte@3.0.3)(prettier@3.0.3)
+        version: 0.5.6(prettier-plugin-svelte@3.0.3)(prettier@3.1.0)
       reflect-metadata:
         specifier: ^0.1.13
         version: 0.1.13
@@ -3684,17 +3684,17 @@ packages:
     engines: {node: '>= 0.8.0'}
     dev: true
 
-  /prettier-plugin-svelte@3.0.3(prettier@3.0.3)(svelte@4.2.2):
+  /prettier-plugin-svelte@3.0.3(prettier@3.1.0)(svelte@4.2.2):
     resolution: {integrity: sha512-dLhieh4obJEK1hnZ6koxF+tMUrZbV5YGvRpf2+OADyanjya5j0z1Llo8iGwiHmFWZVG/hLEw/AJD5chXd9r3XA==}
     peerDependencies:
       prettier: ^3.0.0
       svelte: ^3.2.0 || ^4.0.0-next.0
     dependencies:
-      prettier: 3.0.3
+      prettier: 3.1.0
       svelte: 4.2.2
     dev: true
 
-  /prettier-plugin-tailwindcss@0.5.6(prettier-plugin-svelte@3.0.3)(prettier@3.0.3):
+  /prettier-plugin-tailwindcss@0.5.6(prettier-plugin-svelte@3.0.3)(prettier@3.1.0):
     resolution: {integrity: sha512-2Xgb+GQlkPAUCFi3sV+NOYcSI5XgduvDBL2Zt/hwJudeKXkyvRS65c38SB0yb9UB40+1rL83I6m0RtlOQ8eHdg==}
     engines: {node: '>=14.21.3'}
     peerDependencies:
@@ -3746,12 +3746,12 @@ packages:
       prettier-plugin-twig-melody:
         optional: true
     dependencies:
-      prettier: 3.0.3
-      prettier-plugin-svelte: 3.0.3(prettier@3.0.3)(svelte@4.2.2)
+      prettier: 3.1.0
+      prettier-plugin-svelte: 3.0.3(prettier@3.1.0)(svelte@4.2.2)
     dev: true
 
-  /prettier@3.0.3:
-    resolution: {integrity: sha512-L/4pUDMxcNa8R/EthV08Zt42WBO4h1rarVtK0K+QJG0X187OLo7l699jWw0GKuwzkPQ//jMFA/8Xm6Fh3J/DAg==}
+  /prettier@3.1.0:
+    resolution: {integrity: sha512-TQLvXjq5IAibjh8EpBIkNKxO749UEWABoiIZehEPiY4GNpVdhaFKqSTu+QrlU6D2dPAfubRmtJTi4K4YkQ5eXw==}
     engines: {node: '>=14'}
     hasBin: true
     dev: true