diff --git a/packages/app/src/components/RenderError/index.jsx b/packages/app/src/components/RenderError/index.jsx
index 767e0753..891b4306 100644
--- a/packages/app/src/components/RenderError/index.jsx
+++ b/packages/app/src/components/RenderError/index.jsx
@@ -40,7 +40,7 @@ export default (props) => {
 	}
 
 	return (
-		<div>
+		<div className="renderError">
 			<Result
 				status="error"
 				title="Render Error"
diff --git a/packages/app/src/theme/index.less b/packages/app/src/theme/index.less
index ea77b4d8..6a77cd73 100644
--- a/packages/app/src/theme/index.less
+++ b/packages/app/src/theme/index.less
@@ -304,6 +304,24 @@ body {
 	/* disable the IOS popup when long-press on a link */
 }
 
+.renderError {
+	position: relative;
+
+	display: flex;
+	flex-direction: column;
+
+	justify-content: center;
+	align-items: center;
+
+	width: 100vw;
+	height: 100vh;
+
+	.ant-result {
+		background-color: var(--background-color-primary);
+		border-radius: 8px;
+	}
+}
+
 .splash_wrapper {
 	position: absolute;
 
@@ -312,7 +330,6 @@ body {
 
 	overflow: hidden;
 
-	//background-color: rgba(240, 242, 245, 0.8);
 	backdrop-filter: blur(10px);
 	--webkit-backdrop-filter: blur(10px);