fix box-sizing

qortal-ui-plugins/package.json

@@ -47,8 +47,8 @@
 		"@polymer/paper-slider": "3.0.1",
 		"@polymer/paper-spinner": "3.0.2",
 		"@polymer/paper-tooltip": "3.0.1",
-		"@vaadin/horizontal-layout": "23.2.5",
+		"@vaadin/horizontal-layout": "23.3.2",
-		"@vaadin/tabs": "23.2.5",
+		"@vaadin/tabs": "23.3.2",
 		"@rollup/plugin-alias": "4.0.2",
 		"@rollup/plugin-babel": "6.0.3",
 		"@rollup/plugin-commonjs": "24.0.0",

qortal-ui-plugins/plugins/core/components/ChatPage.js

@@ -707,6 +707,7 @@ class ChatPage extends LitElement {
       font-family: Roboto, sans-serif;
       font-size: 15px;
       color: var(--chat-bubble-msg-color);
+      box-sizing: border-box;
   }
 
   .name-input::selection {

qortal-ui-plugins/plugins/core/messaging/q-chat/q-chat-css.src.js

@@ -316,6 +316,7 @@ export const qchatStyles = css`
     font-family: Roboto, sans-serif;
     font-size: 15px;
     color: var(--chat-bubble-msg-color);
+    box-sizing: border-box;
   }
 
   .name-input::selection {