diff --git a/.gitignore b/.gitignore
index 91f23accb..fa1eccb1e 100644
--- a/.gitignore
+++ b/.gitignore
@@ -5,7 +5,6 @@
 /public/js
 /public/vendor
 /public/themes
-/storage/*.key
 /vendor
 /.idea
 /.vscode
@@ -21,3 +20,5 @@ yarn.lock
 package-lock.json
 yarn.lock
 .php_cs.cache
+storage/
+storage/*.key
diff --git a/packages/Webkul/Ui/src/Resources/assets/js/directives/slugify.vue b/packages/Webkul/Ui/src/Resources/assets/js/directives/slugify.vue
index 30cb16415..7e1bab0c5 100755
--- a/packages/Webkul/Ui/src/Resources/assets/js/directives/slugify.vue
+++ b/packages/Webkul/Ui/src/Resources/assets/js/directives/slugify.vue
@@ -1,12 +1,15 @@
 <script>
     export default {
         bind(el, binding, vnode) {
-            let handler = function(e) {
-                setTimeout(function() { 
-                    e.target.value = e.target.value.toString().toLowerCase()
-                        .replace(/[^\w- ]+/g,'')
-                        .trim()
-                        .replace(/ +/g,'-');
+            let handler = function (e) {
+                setTimeout(function () {
+                    e.target.value = e.target.value
+                        .toString()
+                        .toLowerCase()
+                        .replace(/[^\w- ]+/g, '')
+                        .replace(/ +/g, '-')
+                        .replace('![-\s]+!u', '-')
+                        .trim();
                 }, 100);
             }