From 2db053553bcf9606fc80c4a86959d0dd25d0446a Mon Sep 17 00:00:00 2001
From: Cotes Chung <11371340+cotes2020@users.noreply.github.com>
Date: Sat, 20 Jun 2026 20:23:58 +0800
Subject: [PATCH] perf(ui): prevent vertical flickering caused by subtitle
 loading

---
 _sass/layout/_sidebar.scss | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/_sass/layout/_sidebar.scss b/_sass/layout/_sidebar.scss
index ec8ac7c3f..913c5fcbd 100644
--- a/_sass/layout/_sidebar.scss
+++ b/_sass/layout/_sidebar.scss
@@ -75,11 +75,12 @@ $sidebar-display: 'sidebar-display'; /* the attribute for sidebar display */
   }
 
   .profile-wrapper {
-    @include mx.mt-mb(2.5rem);
     @extend %clickable-transition;
 
     padding-left: 2.5rem;
     padding-right: 1.25rem;
+    margin-top: 2.5rem;
+    margin-bottom: 1rem;
     width: 100%;
 
     @include bp.lg {
@@ -115,6 +116,7 @@ $sidebar-display: 'sidebar-display'; /* the attribute for sidebar display */
     color: var(--site-subtitle-color);
     margin-top: 0.25rem;
     word-spacing: 1px;
+    height: 3rem;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;