diff --git a/UI/Templates/SchedulerUI/UIxCalMainView.wox b/UI/Templates/SchedulerUI/UIxCalMainView.wox
index be5eca46d..2ddca6d7e 100644
--- a/UI/Templates/SchedulerUI/UIxCalMainView.wox
+++ b/UI/Templates/SchedulerUI/UIxCalMainView.wox
@@ -527,7 +527,7 @@
           </div>
         </div>
       </md-toolbar>
-      <md-content layout="row" class="md-flex">
+      <md-content layout="row" layout-sm="column" class="md-flex">
         <md-content class="view-list md-flex" layout="column">
           <md-tabs md-dynamic-height="true"
                    md-selected="list.selectedList">
@@ -582,13 +582,12 @@
             </md-tab>
           </md-tabs>
           <md-button class="md-fab md-fab-bottom-right"
-                     hide-sm="hide-sm"
                      label:aria-label="New Appointment"
                      ng-click="list.newComponent($event)">
             <md-icon>add</md-icon>
           </md-button>
         </md-content>
-        <div id="detailView" class="view-detail" layout="column" ui-view="calendarView"><!-- calendar view --></div>
+        <div id="detailView" hide-sm="hide-sm" class="view-detail" layout="column" ui-view="calendarView"><!-- calendar view --></div>
       </md-content>
     </section>
   </script>