diff --git a/css/DI/app.css b/css/DI/app.css
index 3ba74a8cca..c94288c0a0 100644
--- a/css/DI/app.css
+++ b/css/DI/app.css
@@ -94,3 +94,21 @@ form label.locked:after{
 form label.dependent{
 	color: #2757af;
 }
+
+
+/* overriding theme template */
+
+.overriding_text_row{
+	border: 1px solid #00aac1;
+	padding: 15px;
+}
+
+.overriding_text_label{
+	color: #00aac1;
+}
+
+.overriding_text_widget{
+	border: 1px solid #00aac1;
+	border-radius: 20px;
+	outline: none;
+}
\ No newline at end of file
diff --git a/templates/DI/form/theme/overriding.html.twig b/templates/DI/form/theme/overriding.html.twig
new file mode 100644
index 0000000000..4ac37dbda9
--- /dev/null
+++ b/templates/DI/form/theme/overriding.html.twig
@@ -0,0 +1,21 @@
+{%- block text_row -%}
+
+    <div class="overriding_text_row">
+        {{ form_label(form) }}
+        {{ form_errors(form) }}
+        {{ form_widget(form) }}
+    </div>
+
+{%- endblock text_row -%}
+
+{%- block text_label -%}
+
+    <label class="overriding_text_label">The label</label>
+
+{%- endblock text_label -%}
+
+{%- block text_widget -%}
+
+    <input class="overriding_text_widget" type="text" {{ block('widget_attributes') -}}>
+
+{%- endblock text_widget -%}
\ No newline at end of file