DropdownMenu style changes

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>

app/styles/components/dropdown-menu.scss

@@ -61,7 +61,9 @@
       align-items: center;
       box-sizing: border-box;
       overflow: hidden;
-      padding: 4px 10px;
+      margin: 0 6px;
+      padding: 4px 4px;
+      border-radius: 6px;
       font-size: 15px;
       text-decoration: none;
       text-overflow: ellipsis;
@@ -69,17 +71,13 @@
       color: var(--primary-text-color);
     }
 
-    &.destructive a {
-      color: var(--warning-color--hicontrast);
-    }
-
     a {
       &:focus,
       &:hover,
       &:active {
         outline: 0;
         color: #fff;
-        background: var(--brand-color) !important;
+        background: var(--brand-color);
 
         * {
           color: #fff;
@@ -99,6 +97,17 @@
         }
       }
     }
+
+    &.destructive a {
+      color: var(--warning-color--hicontrast);
+
+      &:focus,
+      &:hover,
+      &:active {
+        background: var(--warning-color);
+        color: #fff;
+      }
+    }
   }
 
   &__separator {