diff --git a/hotel_calendar/static/src/css/view.css b/hotel_calendar/static/src/css/view.css
index 4989fcc46..e2d118139 100644
--- a/hotel_calendar/static/src/css/view.css
+++ b/hotel_calendar/static/src/css/view.css
@@ -90,6 +90,13 @@ input#bookings_search {
 	margin-top: 1em;
 }
 
+#pms-menu .menu-filter-box h4 {
+  cursor: pointer;
+}
+#pms-menu .menu-filter-box h4 i {
+  transition: all 0.5s ease;
+}
+
 #pms-menu .button-box {
 	text-align: left;
 	min-height: 3.5em;
@@ -230,4 +237,4 @@ input#bookings_search {
   display: flex;
 }
 
-/* TODO: Use Odoo Colours based on http://www.odoo.com/openerp_website/static/src/less/variables.less */
\ No newline at end of file
+/* TODO: Use Odoo Colours based on http://www.odoo.com/openerp_website/static/src/less/variables.less */
diff --git a/hotel_calendar/static/src/js/views/calendar/hotel_calendar_controller.js b/hotel_calendar/static/src/js/views/calendar/hotel_calendar_controller.js
index 852170929..7865ebb12 100644
--- a/hotel_calendar/static/src/js/views/calendar/hotel_calendar_controller.js
+++ b/hotel_calendar/static/src/js/views/calendar/hotel_calendar_controller.js
@@ -363,6 +363,12 @@ var PMSCalendarController = AbstractController.extend({
           });
       });
 
+      this.renderer.$el.find('#pms-menu .menu-filter-box #filters').on('show.bs.collapse', function(ev){
+          self.renderer.$el.find('#pms-menu .menu-filter-box h4 i.fa').css({transform: 'rotate(90deg)'});
+      }).on('hide.bs.collapse', function(ev){
+          self.renderer.$el.find('#pms-menu .menu-filter-box h4 i.fa').css({transform: 'rotate(0deg)'});
+      });
+
       this._multi_calendar.on('tab_changed', function(ev, active_index){
         if (active_index) {
           self._refresh_view_options(active_index);
diff --git a/hotel_calendar/static/src/xml/hotel_calendar_view.xml b/hotel_calendar/static/src/xml/hotel_calendar_view.xml
index 78b6d4498..227d916f8 100644
--- a/hotel_calendar/static/src/xml/hotel_calendar_view.xml
+++ b/hotel_calendar/static/src/xml/hotel_calendar_view.xml
@@ -113,24 +113,26 @@
                     </button>
                 </div>
                 <div class="col-xs-12 col-md-12 nopadding menu-filter-box">
-                    <h4>Filters</h4>
-                    <select class="form-control" id="type_list" placeholder="Select Segmentation..." multiple="multiple"/>
-                    <select class="list form-control" id="floor_list" placeholder="Select Location..." multiple="multiple"/>
-                    <select class="list form-control" id="amenities_list" placeholder="Select Amenities..." multiple="multiple"/>
-                    <select class="list form-control" id="virtual_list" placeholder="Select Type..." multiple="multiple"/>
-                    <div class="filter-record col-xs-12 col-md-12" style="padding:4px">
-                        <div class="col-xs-8 col-md-8 nopadding">
-                            <input type="edit" id="calendar_name" class="form-control" />
-                        </div>
-                        <div class="col-xs-2 col-md-2 nopadding">
-                            <button class="btn btn-primary col-xs-12 col-md-12" id="btn_save_calendar_record">
-                                <i class="fa fa-fw fa-save"> </i>
-                            </button>
-                        </div>
-                        <div class="col-xs-2 col-md-2 nopadding">
-                            <button class="btn btn-primary col-xs-12 col-md-12" id="btn_reload_calendar_filters">
-                                <i class="fa fa-fw fa-refresh"> </i>
-                            </button>
+                    <h4 data-toggle="collapse" data-target="#filters"><i class="fa fa-chevron-circle-right"></i> Filters</h4>
+                    <div id="filters" class="collapse">
+                        <select class="form-control" id="type_list" placeholder="Select Segmentation..." multiple="multiple"/>
+                        <select class="list form-control" id="floor_list" placeholder="Select Location..." multiple="multiple"/>
+                        <select class="list form-control" id="amenities_list" placeholder="Select Amenities..." multiple="multiple"/>
+                        <select class="list form-control" id="virtual_list" placeholder="Select Type..." multiple="multiple"/>
+                        <div class="filter-record col-xs-12 col-md-12" style="padding:4px">
+                            <div class="col-xs-8 col-md-8 nopadding">
+                                <input type="edit" id="calendar_name" class="form-control" />
+                            </div>
+                            <div class="col-xs-2 col-md-2 nopadding">
+                                <button class="btn btn-primary col-xs-12 col-md-12" id="btn_save_calendar_record">
+                                    <i class="fa fa-fw fa-save"> </i>
+                                </button>
+                            </div>
+                            <div class="col-xs-2 col-md-2 nopadding">
+                                <button class="btn btn-primary col-xs-12 col-md-12" id="btn_reload_calendar_filters">
+                                    <i class="fa fa-fw fa-refresh"> </i>
+                                </button>
+                            </div>
                         </div>
                     </div>
                 </div>