diff --git a/nonebot_plugin_tetris_stats/templates/css/data.css b/nonebot_plugin_tetris_stats/templates/css/data.css
index 3a60cca..13d2541 100644
--- a/nonebot_plugin_tetris_stats/templates/css/data.css
+++ b/nonebot_plugin_tetris_stats/templates/css/data.css
@@ -92,6 +92,7 @@
     display: flex;
     flex-direction: column;
     align-items: center;
+    justify-content: space-between;
     padding: 25px;
     gap: 10px;
 
diff --git a/nonebot_plugin_tetris_stats/templates/data.j2.html b/nonebot_plugin_tetris_stats/templates/data.j2.html
index e5cde7b..2026d7f 100644
--- a/nonebot_plugin_tetris_stats/templates/data.j2.html
+++ b/nonebot_plugin_tetris_stats/templates/data.j2.html
@@ -14,9 +14,14 @@
                 <div class="info-box">
                     <div class="flex-gap"></div>
                     <div class="box-shadow box-rounded-corners user-info-box">
+                        <div class="flex-gap"></div>
                         <img class="user-avatar" src="{{user_avatar}}" />
+                        <div class="flex-gap"></div>
                         <div class="user-name">{{user_name}}</div>
+                        <div class="flex-gap"></div>
+                        {% if user_sign is not none %}
                         <div class="user-sign">“{{user_sign}}”</div>
+                        {% endif %}
                     </div>
                     <div class="flex-gap"></div>
                     <div class="box-shadow box-rounded-corners game-info-box">
diff --git a/nonebot_plugin_tetris_stats/utils/render.py b/nonebot_plugin_tetris_stats/utils/render.py
index 1f27164..24f5367 100644
--- a/nonebot_plugin_tetris_stats/utils/render.py
+++ b/nonebot_plugin_tetris_stats/utils/render.py
@@ -34,7 +34,7 @@ async def render(
     *,
     user_avatar: str,
     user_name: str,
-    user_sign: str,
+    user_sign: str | None,
     game_type: Literal['TETR.IO'],
     ranking: str | float,
     rd: str | float,