diff --git a/public/scripts/extensions/quick-reply/index.js b/public/scripts/extensions/quick-reply/index.js
index 6273d325c..3760bd2fa 100644
--- a/public/scripts/extensions/quick-reply/index.js
+++ b/public/scripts/extensions/quick-reply/index.js
@@ -122,23 +122,23 @@ jQuery(async () => {
             </label>
             <small><i>Customize your Quick Replies:</i></small><br>
             <div class="flex-container alignitemsflexstart">
-                <input class="text_pole widthUnset" id="quickReply1Label" placeholder="(Add a button label)">
+                <input class="text_pole wide30p" id="quickReply1Label" placeholder="(Add a button label)">
                 <textarea id="quickReply1Mes" placeholder="(custom message here)" class="text_pole textarea_compact widthUnset flex1" rows="2"></textarea>
             </div>
             <div class="flex-container alignitemsflexstart">
-                <input class="text_pole widthUnset" id="quickReply2Label" placeholder="(Add a button label)">
+                <input class="text_pole wide30p" id="quickReply2Label" placeholder="(Add a button label)">
                 <textarea id="quickReply2Mes"  placeholder="(custom message here)" class="text_pole textarea_compact widthUnset flex1" rows="2"></textarea>
             </div>
             <div class="flex-container alignitemsflexstart">
-                <input class="text_pole widthUnset" id="quickReply3Label" placeholder="(Add a button label)">
+                <input class="text_pole wide30p" id="quickReply3Label" placeholder="(Add a button label)">
                 <textarea id="quickReply3Mes"  placeholder="(custom message here)" class="text_pole textarea_compact widthUnset flex1" rows="2"></textarea>
             </div>
             <div class="flex-container alignitemsflexstart">
-                <input class="text_pole widthUnset" id="quickReply4Label" placeholder="(Add a button label)">
+                <input class="text_pole wide30p" id="quickReply4Label" placeholder="(Add a button label)">
                 <textarea id="quickReply4Mes"  placeholder="(custom message here)" class="text_pole textarea_compact widthUnset flex1" rows="2"></textarea>
             </div>
             <div class="flex-container alignitemsflexstart">
-                <input class="text_pole widthUnset" id="quickReply5Label" placeholder="(Add a button label)">
+                <input class="text_pole wide30p" id="quickReply5Label" placeholder="(Add a button label)">
                 <textarea id="quickReply5Mes"  placeholder="(custom message here)" class="text_pole textarea_compact widthUnset flex1" rows="2"></textarea>
             </div>
         </div>
diff --git a/public/style.css b/public/style.css
index 97bd14295..9ea492067 100644
--- a/public/style.css
+++ b/public/style.css
@@ -3812,6 +3812,10 @@ toolcool-color-picker {
     width: 50% !important;
 }
 
+.wide30p {
+    width: 30% !important;
+}
+
 
 .justifyLeft {
     text-align: start;