diff --git a/conversejs/custom/sass/_peertubetheme.scss b/conversejs/custom/sass/_peertubetheme.scss
index 4a4d6973..96dec47c 100644
--- a/conversejs/custom/sass/_peertubetheme.scss
+++ b/conversejs/custom/sass/_peertubetheme.scss
@@ -20,6 +20,12 @@
     color: var(--peertube-button-foreground);
   }
 
+  form {
+    &.converse-form {
+      background-color: var(--peertube-main-background);
+    }
+  }
+
   // hidding avatars when screen width is not big enough.
   @media screen and (max-width: 576px) {
     .message {