diff --git a/form-editor-studio-plugin/src/main/sencha/sass/src/com/tallence/formeditor/studio/FormsStudioPlugin.scss b/form-editor-studio-plugin/src/main/sencha/sass/src/com/tallence/formeditor/studio/FormsStudioPlugin.scss
index d0bc3346..e9b95105 100644
--- a/form-editor-studio-plugin/src/main/sencha/sass/src/com/tallence/formeditor/studio/FormsStudioPlugin.scss
+++ b/form-editor-studio-plugin/src/main/sencha/sass/src/com/tallence/formeditor/studio/FormsStudioPlugin.scss
@@ -48,6 +48,12 @@
     }
   }
 
+  /**
+   * The validation state is used to display mark the applied form element containers. If the panel is collapsed, the
+   * container is not bordered in red. The following css block is needed to display coremedias components correctly in
+   * case the form element is invalid.
+   *
+   */
   .x-panel-card-200.cm-validation-state-error .x-panel-header {
     z-index: 1;
     position: relative;