Enhance visual appearance of popup element

service2.js

@@ -1365,6 +1365,7 @@ class BesPopup extends HTMLElement {
           display: block;
         }
         .popup-text {
+          font-size: 0.93rem;
           max-width: 160px;
           color: black;
           text-align: center;
@@ -1372,9 +1373,10 @@ class BesPopup extends HTMLElement {
           z-index: 1;
         }
         .bes-popup-container {
+          font-family: Arial, sans-serif;
           visibility: hidden;
           min-width: 200px;
-          max-width: 300px;
+          max-width: 350px;
           background-color: rgb(241, 243, 249);
           box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
           border-radius: 5px;
@@ -1410,6 +1412,9 @@ class BesPopup extends HTMLElement {
         .bes-replacement-btn:hover{
           background-color: #1976f0;
         }
+        .bes-replacement-div{
+          margin-top: 4px;
+        }
         :host(.show) .bes-popup-container {
           visibility: visible;
           animation: fadeIn 1s;
@@ -1507,7 +1512,7 @@ class BesPopup extends HTMLElement {
    */
   changeMessage(text) {
     this.clearReplacements()
-    this.shadowRoot.querySelector('.popup-text').textContent = text
+    this.shadowRoot.querySelector('.popup-text').innerText = text
   }
 
   /**