diff --git a/public/scripts/extensions/quick-reply/style.css b/public/scripts/extensions/quick-reply/style.css
index cb3129a59..bd61e4962 100644
--- a/public/scripts/extensions/quick-reply/style.css
+++ b/public/scripts/extensions/quick-reply/style.css
@@ -34,6 +34,14 @@
   right: 0.25em;
   top: 0;
 }
+
+/*hide QR popout for mobile*/
+@media screen and (max-width: 1000px) {
+  #qr--bar > #qr--popoutTrigger {
+ display:none;
+  }
+}
+
 #qr--bar.popoutVisible {
   padding-right: 2.5em;
 }
@@ -55,6 +63,7 @@
   opacity: 0.5;
   transition: all 250ms;
 }
+
 #qr--popout > .qr--body {
   overflow-y: auto;
 }
diff --git a/public/style.css b/public/style.css
index db70c94c3..e45d5a23b 100644
--- a/public/style.css
+++ b/public/style.css
@@ -613,10 +613,13 @@ body .panelControlBar {
     min-width: 55px;
     justify-content: flex-end;
     gap: 0px;
-    opacity:0;
     transition: all 250ms;
 }
 
+.zoomed_avatar .panelControlBar {
+opacity:0;
+}
+
 .zoomed_avatar:hover .panelControlBar {
     opacity:1;
 }