diff --git a/public/scripts/extensions/quick-reply/style.css b/public/scripts/extensions/quick-reply/style.css
index 4bb95ca94..98b267bea 100644
--- a/public/scripts/extensions/quick-reply/style.css
+++ b/public/scripts/extensions/quick-reply/style.css
@@ -77,6 +77,15 @@
 #qr--bar > .qr--buttons > .qr--buttons,
 #qr--popout > .qr--body > .qr--buttons > .qr--buttons {
   display: contents;
+  background-color: transparent;
+}
+#qr--bar > .qr--buttons > .qr--buttons:before,
+#qr--popout > .qr--body > .qr--buttons > .qr--buttons:before,
+#qr--bar > .qr--buttons > .qr--buttons:after,
+#qr--popout > .qr--body > .qr--buttons > .qr--buttons:after {
+  content: '';
+  width: 5px;
+  background-color: var(--qr--color);
 }
 #qr--bar > .qr--buttons .qr--button,
 #qr--popout > .qr--body > .qr--buttons .qr--button {
diff --git a/public/scripts/extensions/quick-reply/style.less b/public/scripts/extensions/quick-reply/style.less
index 2eba16b6e..d21c6bb3d 100644
--- a/public/scripts/extensions/quick-reply/style.less
+++ b/public/scripts/extensions/quick-reply/style.less
@@ -82,6 +82,12 @@
 
         >.qr--buttons {
             display: contents;
+            background-color: transparent;
+            &:before, &:after {
+                content: '';
+                width: 5px;
+                background-color: var(--qr--color);
+            }
         }
 
         .qr--button {