From cd598e8c751f9dab6bc4f112d4ba92e7d55288c0 Mon Sep 17 00:00:00 2001
From: Nikolaj Brask-Nielsen <nikolajgive@gmail.com>
Date: Mon, 16 Sep 2024 08:15:31 +0200
Subject: [PATCH] Feat: Aligned more symbol to center (#903)

---
 .../uui-symbol-more/lib/uui-symbol-more.element.ts | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/packages/uui-symbol-more/lib/uui-symbol-more.element.ts b/packages/uui-symbol-more/lib/uui-symbol-more.element.ts
index f487ae00a..b55868e71 100644
--- a/packages/uui-symbol-more/lib/uui-symbol-more.element.ts
+++ b/packages/uui-symbol-more/lib/uui-symbol-more.element.ts
@@ -1,4 +1,4 @@
-import { LitElement, html, css } from 'lit';
+import { LitElement, svg, css } from 'lit';
 import { defineElement } from '@umbraco-ui/uui-base/lib/registration';
 /**
  * @element uui-symbol-more
@@ -6,16 +6,20 @@ import { defineElement } from '@umbraco-ui/uui-base/lib/registration';
 @defineElement('uui-symbol-more')
 export class UUISymbolMoreElement extends LitElement {
   render() {
-    return html`···`;
+    return svg`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
+      <circle cx="17" cy="50" r="9"></circle>
+      <circle cx="50" cy="50" r="9"></circle>
+      <circle cx="83" cy="50" r="9"></circle>
+    </svg>`;
   }
 
   static styles = [
     css`
       :host {
         display: inline-block;
-        font-size: 1.48em;
-        line-height: 0.8em;
-        user-select: none;
+        vertical-align: bottom;
+        width: 1.15em;
+        height: 1.15em;
       }
     `,
   ];