diff --git a/packages/client/src/pages/welcome.entrance.a.vue b/packages/client/src/pages/welcome.entrance.a.vue
index 96a12faa7..7504821dc 100644
--- a/packages/client/src/pages/welcome.entrance.a.vue
+++ b/packages/client/src/pages/welcome.entrance.a.vue
@@ -215,9 +215,11 @@ function showMenu(ev) {
 
 			margin: 0 0 auto 0;
 			animation: moveX 5s linear 0s infinite alternate, moveY 6.4s linear 0s infinite alternate;
+			-webkit-backdrop-filter: var(--blur, blur(15px));
+			backdrop-filter: var(--blur, blur(15px));
 
 			@keyframes moveX {
-				from { left: 0; } to { left: calc(100vw - 480px); }
+				from { left: 0; } to { left: calc(100vw - 500px); }
 			}
 
 			@keyframes moveY {
@@ -231,8 +233,10 @@ function showMenu(ev) {
 			> .icon {
 				width: 85px;
 				margin-top: -47px;
-				border-radius: 100%;
+				border-radius: 20%;
 				vertical-align: bottom;
+				background: var(--panel);
+				box-shadow: 0 12px 32px rgb(0 0 0 / 25%);
 			}
 
 			> .menu {
diff --git a/packages/client/src/pages/welcome.entrance.b.vue b/packages/client/src/pages/welcome.entrance.b.vue
index 6f8b1e5fe..13d799486 100644
--- a/packages/client/src/pages/welcome.entrance.b.vue
+++ b/packages/client/src/pages/welcome.entrance.b.vue
@@ -181,9 +181,11 @@ export default defineComponent({
 
 			margin: 0 0 auto 0;
 			animation: moveX 5s linear 0s infinite alternate, moveY 6.4s linear 0s infinite alternate;
+			-webkit-backdrop-filter: var(--blur, blur(15px));
+			backdrop-filter: var(--blur, blur(15px));
 
 			@keyframes moveX {
-				from { left: 0; } to { left: calc(100vw - 480px); }
+				from { left: 0; } to { left: calc(100vw - 500px); }
 			}
 
 			@keyframes moveY {
diff --git a/packages/client/src/pages/welcome.entrance.c.vue b/packages/client/src/pages/welcome.entrance.c.vue
index 4a50e94b2..aa5cae925 100644
--- a/packages/client/src/pages/welcome.entrance.c.vue
+++ b/packages/client/src/pages/welcome.entrance.c.vue
@@ -194,9 +194,11 @@ export default defineComponent({
 
 			margin: 0 0 auto 0;
 			animation: moveX 5s linear 0s infinite alternate, moveY 6.4s linear 0s infinite alternate;
+			-webkit-backdrop-filter: var(--blur, blur(15px));
+			backdrop-filter: var(--blur, blur(15px));
 
 			@keyframes moveX {
-				from { left: 0; } to { left: calc(100vw - 480px); }
+				from { left: 0; } to { left: calc(100vw - 500px); }
 			}
 
 			@keyframes moveY {
diff --git a/packages/client/src/pages/welcome.timeline.vue b/packages/client/src/pages/welcome.timeline.vue
index bec9481ff..9801cbc57 100644
--- a/packages/client/src/pages/welcome.timeline.vue
+++ b/packages/client/src/pages/welcome.timeline.vue
@@ -88,6 +88,9 @@ export default defineComponent({
 				margin: 0 0 0 auto;
 				max-width: max-content;
 				border-radius: 16px;
+				-webkit-backdrop-filter: var(--blur, blur(15px));
+				backdrop-filter: var(--blur, blur(15px));
+				background: var(--panel);
 
 				> .richcontent {
 					min-width: 250px;