diff --git a/frontend/pages/components/Header.vue b/frontend/pages/components/Header.vue
index c6f8b8a..867cad7 100644
--- a/frontend/pages/components/Header.vue
+++ b/frontend/pages/components/Header.vue
@@ -572,7 +572,7 @@ defineExpose({
 .crystal-info-container {
 	position: relative;
 	height: 34rpx;
-	width: 120rpx;
+	/* width: 120rpx; */
 	opacity: 1;
 	border-radius: 20rpx;
 	border-width: 1px;
@@ -600,7 +600,7 @@ defineExpose({
 	border-radius: 120rpx;
 	opacity: 0.75;
 	background: linear-gradient(270deg, rgba(168, 17, 255, 0.83) 0%, rgba(30, 180, 217, 0.470865) 81.01%, rgba(101, 10, 153, 0) 178.07%);
-
+	padding: 0 24rpx;
 
 }