From 03f9da0b02647d7980b2abfff221db70613f1d8a Mon Sep 17 00:00:00 2001
From: Agriya Dev5 <agriya.dev5@agriya.in>
Date: Tue, 8 Dec 2020 11:39:50 +0530
Subject: [PATCH 1/2] #se-menu-style-issue menu items a little smaller and
 vertically centered

---
 src/editor/components/seMenuItem.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/editor/components/seMenuItem.js b/src/editor/components/seMenuItem.js
index d93a0860..48112456 100644
--- a/src/editor/components/seMenuItem.js
+++ b/src/editor/components/seMenuItem.js
@@ -7,7 +7,7 @@ template.innerHTML = `
   <style>
   </style>  
   <elix-menu-item>
-    <div>
+    <div style="display:inline-block;">
       <img src="" alt="icon" style="display:none;" /> 
       <span></span>
     </div>
@@ -28,6 +28,8 @@ export class SeMenuItem extends HTMLElement {
     this.$img = this._shadowRoot.querySelector('img');
     this.$label = this._shadowRoot.querySelector('span');
     this.$menuitem = this._shadowRoot.querySelector('elix-menu-item');
+    this.$svg = this.$menuitem.shadowRoot.querySelector('#checkmark');
+    this.$svg.setAttribute('style', 'width:1px;height:1px;');
   }
   /**
    * @function observedAttributes

From 60c6071a0fc1180c2b5bc242483ec40acb5d49f4 Mon Sep 17 00:00:00 2001
From: Agriya Dev5 <agriya.dev5@agriya.in>
Date: Tue, 8 Dec 2020 11:53:52 +0530
Subject: [PATCH 2/2] #se-menu-style-issue hover not blue but orange like
 buttons

---
 src/editor/components/seMenu.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/editor/components/seMenu.js b/src/editor/components/seMenu.js
index 418a43c5..27436fa9 100644
--- a/src/editor/components/seMenu.js
+++ b/src/editor/components/seMenu.js
@@ -14,6 +14,9 @@ template.innerHTML = `
   elix-menu-button::part(popup-toggle) {
     padding: 0.25em 0.60em !important
   }
+  :host ::slotted([current]){
+    background-color: #F4E284 !important;
+  }
   </style>
   
   <elix-menu-button id="MenuButton" aria-label="Main Menu">