diff --git a/src/less/notifications-drawer.less b/src/less/notifications-drawer.less
index e53cb43d6e..d24c1e966f 100644
--- a/src/less/notifications-drawer.less
+++ b/src/less/notifications-drawer.less
@@ -217,7 +217,7 @@
     top: @drawer-pf-top-vertical; //menu height;
       @media (max-width: @screen-xs-max) {
         width:100%;
-        height: calc(~"100vh - @{drawer-pf-top-vertical}");
+        height: ~"calc(100vh - @{drawer-pf-top-vertical})";
       }
 
   }
@@ -242,8 +242,8 @@
     border-top: 0;
     @media (max-width: @screen-xs-max) {
       width:100%;
-      height: calc(~"100vh - @{drawer-pf-top-horizontal} - 32px");
-      top:calc(~"@{drawer-pf-top-horizontal} + 10px");
+      height: ~"calc(100vh - @{drawer-pf-top-horizontal} - 32px)";
+      top: ~"calc(@{drawer-pf-top-horizontal} + 10px)";
     }
   }
   .drawer-pf-trigger-icon { cursor: pointer; }
diff --git a/src/sass/converted/patternfly/_notifications-drawer.scss b/src/sass/converted/patternfly/_notifications-drawer.scss
index 1a9c3e0990..93150e1580 100644
--- a/src/sass/converted/patternfly/_notifications-drawer.scss
+++ b/src/sass/converted/patternfly/_notifications-drawer.scss
@@ -217,7 +217,7 @@
     top: $drawer-pf-top-vertical; //menu height;
       @media (max-width: $screen-xs-max) {
         width:100%;
-        height: calc(unquote("100vh - #{$drawer-pf-top-vertical}"));
+        height: unquote("calc(100vh - #{$drawer-pf-top-vertical})");
       }
 
   }
@@ -242,8 +242,8 @@
     border-top: 0;
     @media (max-width: $screen-xs-max) {
       width:100%;
-      height: calc(unquote("100vh - #{$drawer-pf-top-horizontal} - 32px"));
-      top:calc(unquote("#{$drawer-pf-top-horizontal} + 10px"));
+      height: unquote("calc(100vh - #{$drawer-pf-top-horizontal} - 32px)");
+      top: unquote("calc(#{$drawer-pf-top-horizontal} + 10px)");
     }
   }
   .drawer-pf-trigger-icon { cursor: pointer; }
diff --git a/src/sass/converted/rcue/_notifications-drawer.scss b/src/sass/converted/rcue/_notifications-drawer.scss
index 1a9c3e0990..93150e1580 100644
--- a/src/sass/converted/rcue/_notifications-drawer.scss
+++ b/src/sass/converted/rcue/_notifications-drawer.scss
@@ -217,7 +217,7 @@
     top: $drawer-pf-top-vertical; //menu height;
       @media (max-width: $screen-xs-max) {
         width:100%;
-        height: calc(unquote("100vh - #{$drawer-pf-top-vertical}"));
+        height: unquote("calc(100vh - #{$drawer-pf-top-vertical})");
       }
 
   }
@@ -242,8 +242,8 @@
     border-top: 0;
     @media (max-width: $screen-xs-max) {
       width:100%;
-      height: calc(unquote("100vh - #{$drawer-pf-top-horizontal} - 32px"));
-      top:calc(unquote("#{$drawer-pf-top-horizontal} + 10px"));
+      height: unquote("calc(100vh - #{$drawer-pf-top-horizontal} - 32px)");
+      top: unquote("calc(#{$drawer-pf-top-horizontal} + 10px)");
     }
   }
   .drawer-pf-trigger-icon { cursor: pointer; }