diff --git a/docs/modules/Traits.md b/docs/modules/Traits.md
index 4ff92cbbb..9d9c475e4 100644
--- a/docs/modules/Traits.md
+++ b/docs/modules/Traits.md
@@ -299,7 +299,7 @@ editor.TraitManager.addType('href-next', {
   createInput({ trait }) {
     // Here we can decide to use properties from the trait
     const traitOpts = trait.get('options') || [];
-    const options = traitOpts.lenght ? traitOpts : [
+    const options = traitOpts.length ? traitOpts : [
       { id: 'url', name: 'URL' },
       { id: 'email', name: 'Email' },
     ];
diff --git a/package-lock.json b/package-lock.json
index 57d1749f5..74f44d18b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14052,9 +14052,9 @@
       "dev": true
     },
     "prismjs": {
-      "version": "1.20.0",
-      "resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.20.0.tgz",
-      "integrity": "sha512-AEDjSrVNkynnw6A+B1DsFkd6AVdTnp+/WoUixFRULlCLZVRZlVQMVWio/16jv7G1FscUxQxOQhWwApgbnxr6kQ==",
+      "version": "1.21.0",
+      "resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.21.0.tgz",
+      "integrity": "sha512-uGdSIu1nk3kej2iZsLyDoJ7e9bnPzIgY0naW/HdknGj61zScaprVEVGHrPoXqI+M9sP0NDnTK2jpkvmldpuqDw==",
       "dev": true,
       "requires": {
         "clipboard": "^2.0.0"
diff --git a/src/style_manager/model/Property.js b/src/style_manager/model/Property.js
index be3af2d3c..f45251892 100644
--- a/src/style_manager/model/Property.js
+++ b/src/style_manager/model/Property.js
@@ -202,7 +202,8 @@ const Property = Backbone.Model.extend(
       }
 
       if (fn && hasValue) {
-        value = `${fn}(${value})`;
+        const fnParameter = fn === 'url' ? `'${value}'` : value;
+        value = `${fn}(${fnParameter})`;
       }
 
       if (hasValue && this.get('important')) {