diff --git a/src/framework/theme/components/context-menu/_context-menu.component.theme.scss b/src/framework/theme/components/context-menu/_context-menu.component.theme.scss
index c0d4eab0ad..15988eba1d 100644
--- a/src/framework/theme/components/context-menu/_context-menu.component.theme.scss
+++ b/src/framework/theme/components/context-menu/_context-menu.component.theme.scss
@@ -8,7 +8,7 @@
 @mixin nb-context-menu-theme() {
   nb-context-menu {
     $arrow-size: nb-theme(context-menu-arrow-size);
-    $arrow-content-size: calc(#{$arrow-size} - 2px);
+    $arrow-content-size: #{$arrow-size} - 2px;
 
     border: 2px solid nb-theme(context-menu-border);
     border-radius: nb-theme(context-menu-border-radius);
@@ -30,10 +30,10 @@
         width: 0;
         height: 0;
         top: 3px;
-        left: calc(50% - #{$arrow-content-size});
-        border-left: $arrow-content-size solid transparent;
-        border-right: $arrow-content-size solid transparent;
-        border-bottom: $arrow-content-size solid nb-theme(context-menu-bg);
+        left: calc(50% - (#{$arrow-content-size}));
+        border-left: calc(#{$arrow-content-size}) solid transparent;
+        border-right: calc(#{$arrow-content-size}) solid transparent;
+        border-bottom: calc(#{$arrow-content-size}) solid nb-theme(context-menu-bg);
       }
     }
 
diff --git a/src/framework/theme/components/menu/menu.component.scss b/src/framework/theme/components/menu/menu.component.scss
index d10a48759c..d8644cacfe 100644
--- a/src/framework/theme/components/menu/menu.component.scss
+++ b/src/framework/theme/components/menu/menu.component.scss
@@ -22,7 +22,7 @@
     align-items: center;
 
     .menu-title {
-      flex: 1;
+      flex: 1 0 auto;
       @include nb-rtl(text-align, right);
     }
   }