diff --git a/static/style.css b/static/style.css
index 189820b..4723073 100644
--- a/static/style.css
+++ b/static/style.css
@@ -551,6 +551,7 @@ body {
   transition: all 0.2s;
   flex-shrink: 0;
   font-family: inherit;
+  margin-left: 6px;
 }
 .btn-cal-sync:hover {
   border-color: var(--primary);
diff --git a/templates/index.html b/templates/index.html
index bbab4a0..42eadb7 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -125,10 +125,10 @@
     <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>
-        <input type="date" id="check-date" class="check-date-input" onchange="loadCheckin()">
       </div>
       <div class="daily-grid">
         <div class="card card-morning">