Arrow down icon styling fix

qortal-ui-plugins/plugins/core/components/ChatScroller-css.js

@@ -46,7 +46,7 @@ export const chatStyles = css`
 
 	.last-message-ref {
 		position: fixed;
-		font-size: 20px;
+		font-size: 18px;
 		right: 40px;
 		bottom: 100px;
 		width: 50;
@@ -64,6 +64,10 @@ export const chatStyles = css`
 		transform: scale(1.1);
 	}
 
+	.arrow-down-icon {
+		transform: scale(1.15);
+	}
+
 	.chat-list {
 		overflow-y: auto;
 		overflow-x: hidden;

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

@@ -68,7 +68,7 @@ class ChatScroller extends LitElement {
                 )}
                 <div id='downObserver'></div>
                 <div class='last-message-ref'>
-                    <vaadin-icon icon='vaadin:arrow-circle-down' slot='icon' @click=${() => {
+                    <vaadin-icon class='arrow-down-icon' icon='vaadin:arrow-circle-down' slot='icon' @click=${() => {
                         this.shadowRoot.getElementById('downObserver').scrollIntoView({
                             behavior: 'smooth',
                         })