fixed zindex thing - brightness was the problem

front/sass/_record-edit.scss

@@ -1,7 +1,7 @@
 .record-edit {
   position: relative;
 
-  .invalid-feedback{
+  .invalid-feedback {
     color: var(--error);
     font-size: 15px;
     line-height: 20px;
@@ -38,43 +38,69 @@
 }
 
 .editor-field {
-  background: var(--background);
-  filter: brightness(97%);
+  background: var(--background-stack);
   padding: 18px;
+  position: relative;
   border-radius: 12px;
   margin: 6px 0;
   border-color: transparent;
 }
 
-.field-header{
+.field-header {
   margin-bottom: 4px;
-  .labels{
+  position: relative;
+
+  .labels {
     display: flex;
     justify-content: space-between;
     align-items: center;
   }
-  .label-and-help{
+
+  .label-and-help {
     display: flex;
     align-items: center;
     gap: 6px;
   }
-  label{font-size: 14px;line-height: 14px;margin: 0;font-weight: 700;}
-  .help-text{font-size: 14px;opacity: .7;line-height: 14px}
-  code{}
+
+  label {
+    font-size: 14px;
+    line-height: 14px;
+    margin: 0;
+    font-weight: 700;
+  }
+
+  .help-text {
+    font-size: 14px;
+    opacity: .7;
+    line-height: 14px
+  }
+
+  code {
+  }
+
+
 }
 
-.field-checkbox{
+.system-help-text {
+  font-size: 14px;
+  opacity: .7;
+  line-height: 14px;
+  margin-top: 10px;
+}
+
+
+.field-checkbox {
   display: flex;
   gap: 20px;
   align-items: center;
 
-  .form-check-inline{
+  .form-check-inline {
     display: flex;
     align-items: center;
     gap: 4px;
   }
 
-  .form-check-label{
+  .form-check-label {
     font-size: 14px;
     line-height: 14px;
   }