1 files changed, 26 insertions, 1 deletions
diff --git a/scss/partials/_menu.scss b/scss/partials/_menu.scss
index 51e38173..1b98fc26 100644
--- a/scss/partials/_menu.scss
+++ b/scss/partials/_menu.scss
@@ -4,11 +4,13 @@
 
   &__button {
     align-items: flex-start;
+    color: "inherit";
     cursor: pointer;
     display: flex;
     flex-direction: column;
     height: 100%;
     justify-content: center;
+    text-decoration: none;
     user-select: none;
     white-space: nowrap;
 
@@ -65,7 +67,8 @@
   &--drop-bottom-left,
   &--drop-bottom-right,
   &--drop-right-top,
-  &--vertical-left {
+  &--vertical-left
+  &--vertical-right {
     .jsxc-menu__content {
       border-radius: 3px;
       max-height: 9999px;
@@ -133,6 +136,28 @@
     }
   }
 
+  &--vertical-right {
+    .jsxc-menu__content {
+      left: 100%;
+      top: 0;
+
+      &::after {
+        right: 100%;
+        top: 14px;
+        transform: rotate(90deg);
+      }
+    }
+
+    ul {
+      display: flex;
+      padding: 0;
+    }
+
+    li {
+      height: 42px;
+    }
+  }
+
   &--drop-bottom-left {
     .jsxc-menu__content {
       bottom: 100%;