diff --git a/application/backend/src/main/resources/apps/typerefinery/components/structure/page/clientlibs-header/style.css b/application/backend/src/main/resources/apps/typerefinery/components/structure/page/clientlibs-header/style.css
index 5f3b590c8..078546901 100644
--- a/application/backend/src/main/resources/apps/typerefinery/components/structure/page/clientlibs-header/style.css
+++ b/application/backend/src/main/resources/apps/typerefinery/components/structure/page/clientlibs-header/style.css
@@ -66,4 +66,8 @@ body {
 /*global utils */
 body:not(.isEditMode) .hidden {
   display: none;
+}
+
+[component="editinfobadge"] {
+  --bs-bg-opacity: .5;
 }
\ No newline at end of file
diff --git a/application/backend/src/main/resources/apps/typerefinery/components/structure/templates/component-info.html b/application/backend/src/main/resources/apps/typerefinery/components/structure/templates/component-info.html
new file mode 100644
index 000000000..1fac27562
--- /dev/null
+++ b/application/backend/src/main/resources/apps/typerefinery/components/structure/templates/component-info.html
@@ -0,0 +1,3 @@
+<template data-sly-template.placeholder="${ @ title }">
+  <div data-sly-test="${wcmmode.isEdit}" component="editinfobadge" class="bg-warning">${title}</div>
+</template>
\ No newline at end of file