diff --git a/static/style.css b/static/style.css
index 4723073..b615e6b 100644
--- a/static/style.css
+++ b/static/style.css
@@ -428,6 +428,12 @@ body {
   letter-spacing: -0.3px;
 }
 
+.panel-header-right {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+
 .check-date-input {
   padding: 8px 14px;
   border: 1.5px solid var(--border);
diff --git a/templates/index.html b/templates/index.html
index 42eadb7..932f2bf 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -125,10 +125,12 @@
     <section class="panel active" id="panel-daily">
       <div class="panel-header">
         <h2>每日打卡</h2>
-        <input type="date" id="check-date" class="check-date-input" onchange="loadCheckin()">
-        <button class="btn-cal-sync" onclick="syncCalendar()" title="同步钉钉日历">
-          <svg class="icon-sm"><use href="#icon-calendar"/></svg> 日历同步
-        </button>
+        <div class="panel-header-right">
+          <input type="date" id="check-date" class="check-date-input" onchange="loadCheckin()">
+          <button class="btn-cal-sync" onclick="syncCalendar()" title="同步钉钉日历">
+            <svg class="icon-sm"><use href="#icon-calendar"/></svg> 日历同步
+          </button>
+        </div>
       </div>
       <div class="daily-grid">
         <div class="card card-morning">