trix

front/sass/_dropdown.scss

@@ -16,7 +16,7 @@
   overflow: visible;
   position: absolute;
   border-radius: 12px;
-  z-index: 20;
+  z-index: 22;
   background: var(--p20);
   transition: 600ms;
   flex-grow: 1;

front/sass/_rich.scss

@@ -52,16 +52,30 @@
 }
 
 trix-editor {
-
+  background: var(--p20)!important;
+  border: 1px solid var(--p50)!important;
+  border-radius: 0 0 5px 5px!important;
+  padding: 15px 15px!important;
   & > div {
     margin-bottom: 14px;
     font-size: 16px;
     line-height: 23px;
   }
 
+  &:focus {
+    background: var(--p10)!important;
+
+  }
+  figure.attachment{
+    display: flex!important;
+    flex-direction: column!important;
+    justify-content: center;
+    align-items: center;
+    gap: 10px;
+  }
   .attachment {
-    background: var(--p10);
-    padding: 0px;
+    background: var(--p20);
+    padding: 12px 0;
     text-align: center;
     display: flex;
     justify-content: center;