diff --git a/src/renderer/src/pages/infoPage.vue b/src/renderer/src/pages/infoPage.vue
index 60ce2f0..2cda841 100644
--- a/src/renderer/src/pages/infoPage.vue
+++ b/src/renderer/src/pages/infoPage.vue
@@ -1,14 +1,12 @@
 <template>
   <v-container class="main-area">
     <v-row>
-      <v-col cols="12" class="d-flex justify-space-between align-center">
-        <div>
-          <h1 class="large-title">{{ globalStore.examName }}</h1>
-          <h2 class="medium-title">{{ globalStore.message }}</h2>
-        </div>
-        <div class="room ml-auto">
-          <h2 class="medium-title">{{ globalStore.room }}</h2>
-        </div>
+      <v-col cols="12" class="d-flex justify-space-between align-center mb-4">
+        <h1 class="large-title">{{ globalStore.examName }}</h1>
+        <h2 class="room">{{ globalStore.room }}</h2>
+      </v-col>
+      <v-col cols="12">
+        <h3 class="medium-title text-left">{{ globalStore.message }}</h3>
       </v-col>
     </v-row>
 
@@ -48,7 +46,7 @@ const scheduleNextUpdate = () => {
   if (nextExam) {
     const nextEndTime = new Date(nextExam.end).getTime();
     const now = Date.now();
-    const delay = nextEndTime - now + 60000; // 下一次考试结束时间 + 1分钟
+    const delay = nextEndTime - now + 60000;
 
     timeout = setTimeout(() => {
       updateCurrentExam();
@@ -71,8 +69,8 @@ onUnmounted(() => {
 
 <style scoped>
 .main-area {
-  padding-left: 20px;
-  padding-right: 20px;
+  padding-left: 10px;
+  padding-right: 10px;
 }
 
 .large-title {
@@ -80,15 +78,17 @@ onUnmounted(() => {
 }
 
 .medium-title {
-  font-size: 2em;
+  font-size: 2.0em;
   color: gray;
+  text-align: left;
 }
 
 .room {
   font-size: 3em;
+  text-align: right;
 }
 
-.ml-auto {
-  margin-left: auto;
+.mb-4 {
+  margin-bottom: 20px;
 }
 </style>
\ No newline at end of file