diff --git a/addons/web/static/src/scss/web_calendar_mobile.scss b/addons/web/static/src/scss/web_calendar_mobile.scss
index 55d44257666..af1aa3d7145 100644
--- a/addons/web/static/src/scss/web_calendar_mobile.scss
+++ b/addons/web/static/src/scss/web_calendar_mobile.scss
@@ -5,7 +5,8 @@
 
     .o_control_panel {
         .o_calendar_button_today {
-            float: right;
+            font-size: 0.7em;
+            line-height: 1.9em;
             > .o_calendar_text {
                 margin-top: 3px;
             }
diff --git a/addons/web/static/src/xml/web_calendar.xml b/addons/web/static/src/xml/web_calendar.xml
index dad48fd15ff..e0cb81c6e9b 100644
--- a/addons/web/static/src/xml/web_calendar.xml
+++ b/addons/web/static/src/xml/web_calendar.xml
@@ -85,10 +85,12 @@
     </t>
 
     <t t-name="CalendarView.TodayButtonMobile">
-        <span class="fa-stack o_calendar_button_today">
-            <i class="fa fa-calendar-o fa-stack-2x" role="img" aria-label="Today" title="Today"></i>
-            <strong class="o_calendar_text fa-stack-1x"><t t-esc="moment().date()"/></strong>
-        </span>
+        <button class="btn btn-sm btn-link">
+            <span class="fa-stack o_calendar_button_today">
+                <i class="fa fa-calendar-o fa-stack-2x" role="img" aria-label="Today" title="Today"/>
+                <strong class="o_calendar_text fa-stack-1x"><t t-esc="moment().date()"/></strong>
+            </span>
+        </button>
     </t>
 
     <main t-name="CalendarView.quick_create" class="o_calendar_quick_create">