diff --git a/src/main/resources/static/css/base.css b/src/main/resources/static/css/base.css
index fde85564..d6f46718 100644
--- a/src/main/resources/static/css/base.css
+++ b/src/main/resources/static/css/base.css
@@ -224,12 +224,16 @@ a.homeButton:hover {
 
 .month-control .info {
     display: inline;
-    font-size: 1.5em;
+    font-size: 1.4em;
     background-color: #eee;
     padding: 10px;
     border-radius: 15px;
 }
 
+.month-control .today-button {
+    background-color: #eee;
+}
+
 .month-control-left {
     text-align: left;
 }
diff --git a/src/main/resources/static/css/mquery.css b/src/main/resources/static/css/mquery.css
index daa5c10d..f4417d5a 100644
--- a/src/main/resources/static/css/mquery.css
+++ b/src/main/resources/static/css/mquery.css
@@ -9,7 +9,7 @@
     }
 
     .calendar h1 {
-        font-size: 3em;
+        font-size: 2.5em;
     }
 
     .calendar .weekdays {
diff --git a/src/main/resources/templates/duty/duty.html b/src/main/resources/templates/duty/duty.html
index 7e672f74..46dcd32c 100644
--- a/src/main/resources/templates/duty/duty.html
+++ b/src/main/resources/templates/duty/duty.html
@@ -9,6 +9,7 @@
       </div>
       <div class="col-md-8">
         <h1>
+          <button class="btn today-button" v-on:click="today()">오늘</button>
           <a class="move h_pointer" v-on:click="addMonth(-1)">
             <i class="bi bi-arrow-left-circle"></i>
           </a>
@@ -368,6 +369,11 @@ <h3>어느 부서에도 소속되어 있지 않습니다.</h3>
                             app.year = newDate.getFullYear();
                             app.month = newDate.getMonth() + 1;
                         },
+                        today() {
+                            const today = new Date();
+                            app.year = today.getFullYear();
+                            app.month = today.getMonth() + 1;
+                        },
                         async loadDuties(year, month) {
                             await $.ajax({
                                 url: '/api/duty',
diff --git a/src/main/resources/templates/layout/include.html b/src/main/resources/templates/layout/include.html
index ddf805f7..4bf927c3 100644
--- a/src/main/resources/templates/layout/include.html
+++ b/src/main/resources/templates/layout/include.html
@@ -9,8 +9,8 @@
   <meta name="msapplication-TileColor" content="#da532c">
   <meta name="theme-color" content="#ffffff">
   <title>Duty Park</title>
-  <link rel="stylesheet" th:href="@{/css/base.css?v=20240128}"/>
-  <link rel="stylesheet" th:href="@{/css/mquery.css?v=20240128}"/>
+  <link rel="stylesheet" th:href="@{/css/base.css?v=20240205}"/>
+  <link rel="stylesheet" th:href="@{/css/mquery.css?v=20240205}"/>
 
   <link th:href="@{/lib/bootstrap/bootstrap.min.css}" rel="stylesheet">
   <script th:src="@{/lib/bootstrap/bootstrap.bundle.min.js}"></script>
@@ -32,5 +32,5 @@
       dayjs.locale('ko')
   </script>
 
-  <script th:src="@{/js/common.js?v=20240128}"></script>
+  <script th:src="@{/js/common.js?v=20240205}"></script>
 </head>