diff --git a/src/components/PlaybackController.vue b/src/components/PlaybackController.vue
index 05df9ca..1a6a392 100644
--- a/src/components/PlaybackController.vue
+++ b/src/components/PlaybackController.vue
@@ -207,14 +207,15 @@ const handleTimelineClick = (event: MouseEvent) => {
 
       <!-- Hour Selector -->
       <a-col>
-        <a-date-picker
-          :value="selectedDate"
-          placeholder="请选择回放日期"
-          @change="handleDateChange as any"
-          style="margin-right: 8px"
-          dropdownClassName="playback-datepicker-theme"
-        />
-        <a-select :value="selectedHour" style="width: 150px" :options="hourOptions" @change="handleHourChange" />
+        <div class="datetime-selector">
+          <a-date-picker
+            :value="selectedDate"
+            placeholder="请选择回放日期"
+            @change="handleDateChange as any"
+            dropdownClassName="playback-datepicker-theme"
+          />
+          <a-select :value="selectedHour" style="width: 150px" :options="hourOptions" @change="handleHourChange" />
+        </div>
       </a-col>
 
       <!-- Timeline Slider -->
@@ -320,6 +321,12 @@ const handleTimelineClick = (event: MouseEvent) => {
   color: #555;
   white-space: nowrap;
 }
+
+.datetime-selector {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
 </style>
 
 <style lang="scss">