diff --git a/app/citizen-frontend/index.html b/app/citizen-frontend/index.html
index 9a4e43d..fd33dff 100644
--- a/app/citizen-frontend/index.html
+++ b/app/citizen-frontend/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/dumbbell-heart.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Welcome to Vuetify 4</title>
+    <title>Sports Empower Health</title>
   </head>
   <body>
     <div id="app"></div>
diff --git a/app/citizen-frontend/src/pages/introduction.vue b/app/citizen-frontend/src/pages/introduction.vue
index b0e3bb3..d7b3fa6 100644
--- a/app/citizen-frontend/src/pages/introduction.vue
+++ b/app/citizen-frontend/src/pages/introduction.vue
@@ -53,7 +53,13 @@ const slides = [
           計畫簡介
         </v-card-title>
 
-        <v-carousel class="introduction-carousel" hide-delimiters show-arrows="hover">
+        <v-carousel
+          class="introduction-carousel"
+          color="accent"
+          delimiter-icon="mdi-square"
+          hide-delimiter-background
+          show-arrows="hover"
+        >
           <v-carousel-item
             v-for="slide in slides"
             :key="slide.src"
@@ -68,8 +74,7 @@ const slides = [
 
 <style scoped>
 .introduction-carousel {
-  background: #f5f7f8;
-  height: min(58vh, 440px);
+  height: min(58vh, 560px) !important;
   min-height: 220px;
 }
 
