diff --git a/addons/im_support/static/src/less/systray.less b/addons/im_support/static/src/scss/systray.scss
similarity index 57%
rename from addons/im_support/static/src/less/systray.less
rename to addons/im_support/static/src/scss/systray.scss
index 1c93846eaf8..0e208fb3479 100644
--- a/addons/im_support/static/src/less/systray.less
+++ b/addons/im_support/static/src/scss/systray.scss
@@ -1,12 +1,12 @@
 .o_mail_navbar_item {
     .o_mail_navbar_dropdown {
         .o_mail_navbar_dropdown_bottom {
-            border-top: 1px solid @gray-lighter-darker;
+            border-top: 1px solid $gray-lighter-darker;
             box-sizing: content-box;
 
             .o_channel_info {
-                .o-flex-display();
-                .o-align-items(center);
+                @include o-flex-display;
+                @include o-align-items(center);
             }
         }
     }
diff --git a/addons/im_support/views/assets.xml b/addons/im_support/views/assets.xml
index 7322c6e7611..18ecaa37c1e 100644
--- a/addons/im_support/views/assets.xml
+++ b/addons/im_support/views/assets.xml
@@ -2,7 +2,7 @@
   <data>
     <template id="assets_backend" name="im_support_backend assets" inherit_id="web.assets_backend">
       <xpath expr="." position="inside">
-        <link rel="stylesheet" href="/im_support/static/src/less/systray.less" type="text/less"/>
+        <link rel="stylesheet" href="/im_support/static/src/scss/systray.scss" type="text/scss"/>
 
         <script type="text/javascript" src="/im_support/static/src/js/chat_manager.js"></script>
         <script type="text/javascript" src="/im_support/static/src/js/discuss.js"></script>