diff --git a/js/components/coursesList.vue b/js/components/coursesList.vue
index 35bef95..7d1125d 100644
--- a/js/components/coursesList.vue
+++ b/js/components/coursesList.vue
@@ -55,54 +55,56 @@ var coursesList = {
     },
     template: `
     <div>
-    <h5>2. 安排課程</h5>
-    <p style="color: orange" v-if="find_name"> ※ 已套用「名稱」搜尋： <br>{{find_name}}</p>
-    <table class="table table-striped table-bordered">
-        <template v-if="find_name">
-            <tr v-for="(course, index) in foundedCourses" :key="index">
-                <td>
-                    <div class="container">
-                        <div class="row">
-                            <b>{{ course.name }} (<a v-bind:href="'https://ccweb.ncnu.edu.tw/student/aspmaker_course_opened_detail_viewview.php?showdetail=&year=1091&courseid='+ course.number +'&_class=' + course.class + '&modal=0'">詳</a>)</b>
-                            —— {{ (course.department.indexOf(', ')!=-1) ?(course.department.split(', ')[1]) :(course.department) }}
-                        </div>
-                        <div class="row">
-                            <div class="col-sm-8">
-                                {{ course.teacher }} ‧ {{ course.time }} 
-                            </div>
-                            <div class="col-sm-4">
-                                <button v-if="isOK(course)" type="button" v-on:click="$emit('add-course', course)" class="btn btn-primary">
-                                    <span>&#43;</span>
-                                </button>
-                            </div>
-                        </div>
-                    </div>
-                </td>
-            </tr>
-        </template>
-        <template v-else>
-            <tr v-for="(course, index) in courses" :key="index"
-                v-if="course.department == selected_d">
-                <td>
-                    <div class="container">
-                        <div class="row">
-                            <b>{{ course.name }} (<a v-bind:href="'https://ccweb.ncnu.edu.tw/student/aspmaker_course_opened_detail_viewview.php?showdetail=&year=1091&courseid='+ course.number +'&_class=' + course.class + '&modal=0'">詳</a>)</b>
-                        </div>
-                        <div class="row">
-                            <div class="col-sm-8">
-                                {{ course.teacher }} ‧ {{ course.time }} 
-                            </div>
-                            <div class="col-sm-4">
-                                <button v-if="isOK(course)" type="button" v-on:click="$emit('add-course', course)" class="btn btn-primary">
-                                    <span>&#43;</span>
-                                </button>
-                            </div>
-                        </div>
-                    </div>
-                </td>
-            </tr>
-        </template>
-    </table>
+		<h5>2. 安排課程</h5>
+		<p style="color: orange" v-if="find_name"> ※ 已套用「名稱」搜尋： <br>{{find_name}}</p>
+		<div style="width:275px;height:500px;overflow:auto">
+			<table class="table table-striped table-bordered">
+				<template v-if="find_name">
+					<tr v-for="(course, index) in foundedCourses" :key="index">
+						<td>
+							<div class="container">
+								<div class="row">
+									<b>{{ course.name }} (<a v-bind:href="'https://ccweb.ncnu.edu.tw/student/aspmaker_course_opened_detail_viewview.php?showdetail=&year=1091&courseid='+ course.number +'&_class=' + course.class + '&modal=0'">詳</a>)</b>
+									—— {{ (course.department.indexOf(', ')!=-1) ?(course.department.split(', ')[1]) :(course.department) }}
+								</div>
+								<div class="row">
+									<div class="col-sm-8">
+										{{ course.teacher }} ‧ {{ course.time }} 
+									</div>
+									<div class="col-sm-4">
+										<button v-if="isOK(course)" type="button" v-on:click="$emit('add-course', course)" class="btn btn-primary">
+											<span>&#43;</span>
+										</button>
+									</div>
+								</div>
+							</div>
+						</td>
+					</tr>
+				</template>
+				<template v-else>
+					<tr v-for="(course, index) in courses" :key="index"
+						v-if="course.department == selected_d">
+						<td>
+							<div class="container">
+								<div class="row">
+									<b>{{ course.name }} (<a v-bind:href="'https://ccweb.ncnu.edu.tw/student/aspmaker_course_opened_detail_viewview.php?showdetail=&year=1091&courseid='+ course.number +'&_class=' + course.class + '&modal=0'">詳</a>)</b>
+								</div>
+								<div class="row">
+									<div class="col-sm-8">
+										{{ course.teacher }} ‧ {{ course.time }} 
+									</div>
+									<div class="col-sm-4">
+										<button v-if="isOK(course)" type="button" v-on:click="$emit('add-course', course)" class="btn btn-primary">
+											<span>&#43;</span>
+										</button>
+									</div>
+								</div>
+							</div>
+						</td>
+					</tr>
+				</template>
+			</table>
+		</div>
     </div>
     `
 }
\ No newline at end of file