diff --git a/frontend/express/public/javascripts/countly/vue/components/content.js b/frontend/express/public/javascripts/countly/vue/components/content.js
index fedea228047..354db956a34 100644
--- a/frontend/express/public/javascripts/countly/vue/components/content.js
+++ b/frontend/express/public/javascripts/countly/vue/components/content.js
@@ -62,6 +62,11 @@
                     return [];
                 }
             },
+            titleMaxLength: {
+                type: Number,
+                required: false,
+                default: 50
+            },
             status: {
                 type: Object,
                 required: false,
diff --git a/frontend/express/public/javascripts/countly/vue/templates/content/content-header.html b/frontend/express/public/javascripts/countly/vue/templates/content/content-header.html
index 08e01102c7d..42ce3dfd626 100644
--- a/frontend/express/public/javascripts/countly/vue/templates/content/content-header.html
+++ b/frontend/express/public/javascripts/countly/vue/templates/content/content-header.html
@@ -21,6 +21,7 @@ <h4 class="has-ellipsis" v-tooltip="localTitle && localTitle.length > 30 ? local
                     v-else
                     class="bu-mb-2 cly-vue-content-builder__layout-header__info-title__input"
                     v-model="localTitle"
+                    :maxlength="titleMaxLength"
                     @blur="finishEditing"
                     @keydown.enter.native="finishEditing"
                 />
diff --git a/frontend/express/public/stylesheets/vue/clyvue.scss b/frontend/express/public/stylesheets/vue/clyvue.scss
index d0e8a66a78f..42d00bdb798 100644
--- a/frontend/express/public/stylesheets/vue/clyvue.scss
+++ b/frontend/express/public/stylesheets/vue/clyvue.scss
@@ -4409,6 +4409,7 @@
         min-height: calc(100vh - 106px);
 
         &__body {
+            border-radius: 8px;
             display: flex;
             justify-content: space-between;