fix(dropdowns.next): active listbox option and menu item styling

Author: jzempel

Diff for: packages/dropdowns.next/.size-snapshot.json

@@ -1,20 +1,20 @@
 {
   "index.cjs.js": {
-    "bundled": 73611,
-    "minified": 52290,
-    "gzipped": 11445
+    "bundled": 73561,
+    "minified": 52252,
+    "gzipped": 11436
   },
   "index.esm.js": {
-    "bundled": 67519,
-    "minified": 46452,
-    "gzipped": 10808,
+    "bundled": 67469,
+    "minified": 46414,
+    "gzipped": 10798,
     "treeshaked": {
       "rollup": {
-        "code": 36514,
+        "code": 36476,
         "import_statements": 1174
       },
       "webpack": {
-        "code": 40219
+        "code": 40181
       }
     }
   }

Diff for: packages/dropdowns.next/src/views/combobox/StyledOption.ts

@@ -26,9 +26,7 @@ const colorStyles = (props: IStyledOptionProps) => {
     const hue = props.$type === 'danger' ? 'dangerHue' : 'primaryHue';
 
     backgroundColor = getColor(hue, 600, props.theme, 0.08);
-    boxShadow = `inset ${
-      props.theme.rtl ? `-${props.theme.borderWidths.md}` : props.theme.borderWidths.md
-    } 0 ${getColor(hue, 600, props.theme)}`;
+    boxShadow = `inset 0 0 0 ${props.theme.borderWidths.sm} ${getColor(hue, 600, props.theme)}`;
   }
 
   const disabledForegroundColor = getColor('neutralHue', 400, props.theme);