diff --git a/source/components/form/context-error.mjs b/source/components/form/context-error.mjs
index bd213577b5b1134d3dbe8c2557da07d0115285ff..94c1abc8259e19a32ec2e487292922ef8b9015c3 100644
--- a/source/components/form/context-error.mjs
+++ b/source/components/form/context-error.mjs
@@ -118,6 +118,8 @@ class ContextError extends Popper {
 			classes: {
 				button: "monster-theme-error-2",
 			},
+
+			display: "inline-block"
 		});
 	}
 
diff --git a/source/components/form/context-help.mjs b/source/components/form/context-help.mjs
index 82479607b38d2a89484e7a9c300a6aa8e5f56a44..550f06ada2a478ed65c15db4c253b6da6cc5fbd3 100644
--- a/source/components/form/context-help.mjs
+++ b/source/components/form/context-help.mjs
@@ -88,6 +88,7 @@ class ContextHelp extends Popper {
 				main: getTemplate(),
 			},
 			mode: "auto",
+			display: "inline-block"
 		});
 	}
 
diff --git a/source/dom/customelement.mjs b/source/dom/customelement.mjs
index d15d1e0283d7973ccadbcbba98a05bc46b8dc9c2..d505c69cf265223647305deb5ee439a8aed2f4b0 100644
--- a/source/dom/customelement.mjs
+++ b/source/dom/customelement.mjs
@@ -327,6 +327,7 @@ class CustomElement extends HTMLElement {
 	 * @property {Object} templates Specifies the templates used by the control.
 	 * @property {string} templates.main=undefined Specifies the main template used by the control.
 	 * @property {Object} templateMapping Specifies the mapping of templates.
+	 * @property {string} display=block Specifies the display mode of the control.
 	 * @since 1.8.0
 	 */
 	get defaults() {
@@ -338,6 +339,7 @@ class CustomElement extends HTMLElement {
 				main: undefined,
 			},
 			templateMapping: {},
+			display: "block"
 		};
 	}
 
@@ -595,6 +597,8 @@ class CustomElement extends HTMLElement {
 		let elements;
 		let nodeList;
 
+		this.style.setProperty("display", this.getOption("display"));
+
 		// Extract options from attributes and set them
 		const AttributeOptions = getOptionsFromAttributes.call(this);
 		if (