diff --git a/src/Umbraco.Web.UI.Client/src/less/application/grid.less b/src/Umbraco.Web.UI.Client/src/less/application/grid.less
index 8348b072b1..f6879bb679 100644
--- a/src/Umbraco.Web.UI.Client/src/less/application/grid.less
+++ b/src/Umbraco.Web.UI.Client/src/less/application/grid.less
@@ -125,7 +125,7 @@ body {
 
 @media (max-width: 500px) {
     #search-form .form-search {
-        width: ~"(calc(~'100%' - ~'80px'))";
+        width: calc(100% - 80px);
     }
 }
 
diff --git a/src/Umbraco.Web.UI.Client/src/less/canvas-designer.less b/src/Umbraco.Web.UI.Client/src/less/canvas-designer.less
index e7aa9d859f..095027d86b 100644
--- a/src/Umbraco.Web.UI.Client/src/less/canvas-designer.less
+++ b/src/Umbraco.Web.UI.Client/src/less/canvas-designer.less
@@ -14,7 +14,7 @@ body {
     overflow: hidden;
     height: 100%;
     width: 100%;
-    width: ~"(calc(~'100%' - ~'80px'))"; // 80px is the fixed left menu for toggling the different browser sizes
+    width: calc(100% - 80px); // 80px is the fixed left menu for toggling the different browser sizes
     position: absolute;
     padding: 0;
     margin: 0;
diff --git a/src/Umbraco.Web.UI.Client/src/less/components/overlays.less b/src/Umbraco.Web.UI.Client/src/less/components/overlays.less
index c7e91c1a44..0a8dfe6f71 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/overlays.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/overlays.less
@@ -155,7 +155,7 @@
 @media (max-width: 500px) {
     .umb-overlay.umb-overlay-left {
         margin-left: 41px;
-        width: ~"(calc(~'100%' - ~'41px'))";
+        width: calc(100% - 41px);
     }
 }
 
diff --git a/src/Umbraco.Web.UI.Client/src/less/components/umb-packages.less b/src/Umbraco.Web.UI.Client/src/less/components/umb-packages.less
index e053d58a7f..1ca6bf6067 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/umb-packages.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/umb-packages.less
@@ -329,7 +329,7 @@ a.umb-package-details__back-link {
 .umb-package-details__main-content {
     flex: 1 1 auto;
     margin-right: 40px;
-    width: ~"(calc(~'100%' - ~'@{sidebarwidth}' - ~'40px'))"; // Make sure that the main content area doesn't gets affected by inline styling
+    width: calc(~'100%' - ~'@{sidebarwidth}' - ~'40px'); // Make sure that the main content area doesn't gets affected by inline styling
 }
 
 .umb-package-details__sidebar {
diff --git a/src/Umbraco.Web.UI.Client/src/less/sections.less b/src/Umbraco.Web.UI.Client/src/less/sections.less
index d73e24e4ea..85a33c84b8 100644
--- a/src/Umbraco.Web.UI.Client/src/less/sections.less
+++ b/src/Umbraco.Web.UI.Client/src/less/sections.less
@@ -126,7 +126,7 @@ ul.sections li.help {
 	bottom: 0;
 	left: 0;
 	display: block;
-	width: ~"(calc(~'100%' - ~'5px'))"; //subtract 4px orange border + 1px border-right for sections
+	width: calc(100% - 5px); //subtract 4px orange border + 1px border-right for sections
 }
 
 ul.sections li.help a {