1 files changed, 18 insertions, 12 deletions
diff --git a/templates/@theme-base/pm-styles/_pm-dropdown.scss b/templates/@theme-base/pm-styles/_pm-dropdown.scss
index 77569d7..c864c1a 100644
--- a/templates/@theme-base/pm-styles/_pm-dropdown.scss
+++ b/templates/@theme-base/pm-styles/_pm-dropdown.scss
@@ -19,10 +19,10 @@ $dropDown-narrow-width: 8em !default;
   transform: scale(1,1);
   visibility: visible;
   transition-delay: 0s;
-  width: $dropDown-width; 
+  width: $dropDown-width;
   background: var(--bgcolor-main-area, $white);
   border-radius: $global-border-radius;
-  box-shadow: 0 0 16px 3px rgba(0, 0, 0, 0.16);
+  box-shadow: 0 0 16px 3px $input-shadow-color;
   color: var(--color-main-area, $pm-global-grey);
 }
 
@@ -74,17 +74,13 @@ $dropDown-narrow-width: 8em !default;
   min-height: 4em;
   max-height: 30vh;
   padding: 0; // no padding for the drop shadow :-\
-  margin: 0 0 0 1em;
-  
+  margin: 0;
+
   background: var(--bgcolor-main-area, $white) no-repeat;
   background-image: radial-gradient(farthest-side at 50% 0,var(--bordercolor-input, #acb0bf),transparent),radial-gradient(farthest-side at 50% 100%,var(--bordercolor-input, #acb0bf),transparent);
   background-position: 50% 0, 0 100%;
   background-size: calc(100% - 20px) 3px;
 
-  > * {
-    margin-right: .5em;
-  }
-
 }
 .dropDown-contentInner {
   &::before,
@@ -124,7 +120,7 @@ $dropDown-narrow-width: 8em !default;
 .dropDown-content::before {
   content: '';
   position: absolute;
-  top: -2rem; 
+  top: -2rem;
   left: calc(50% - 1rem);
   width: 1rem;
   height: 1rem;
@@ -173,10 +169,20 @@ $dropDown-narrow-width: 8em !default;
   }
 }
 
-.dropDown-link {
+.dropDown-link,
+.dropDown-link:focus,
+.dropDown-link:hover,
+.dropDown-link:active {
   color: currentColor;
+  text-decoration: none;
+}
+.dropDown-item:focus-within,
+.dropDown-item:hover {
+  background-color: var(--bgcolor-input, $pm-global-light);
+}
+.dropDown-item {
+	padding-left: 1em;
 }
-
 
 /* border on items */
 .dropDown-item + .dropDown-item {
@@ -189,4 +195,4 @@ $dropDown-narrow-width: 8em !default;
 }
 .dropDown [aria-expanded="true"] .expand-caret {
   @extend .rotateX-180;
-}
-\ No newline at end of file
+}