Fix dropdown hover/width, window themes bg

components/Dropdown.js

@@ -94,6 +94,9 @@ const SelectedItem = ({ children, isOpen, ...rest }) => {
           padding: 8px 16px;
           outline: none;
         }
+        .dropdown-display:hover {
+          background: ${COLORS.HOVER};
+        }
         .dropdown-display-text {
           flex-grow: 1;
         }

components/svg/WindowThemes.js

@@ -13,9 +13,9 @@ export const Sharp = () => (
     </defs>
     <g fill="none" fillRule="evenodd">
       <mask id="b1" fill="white">
-        <use xlinkHref="#a" />
+        <use xlinkHref="#a1" />
       </mask>
-      <use fill="#616161" xlinkHref="#a" />
+      <use fill="#616161" xlinkHref="#a1" />
       <g transform="translate(16 32)" mask="url(#b)">
         <path
           fill="#000000"
@@ -62,9 +62,9 @@ export const BW = () => (
     </defs>
     <g fill="none" fillRule="evenodd">
       <mask id="b2" fill="white">
-        <use xlinkHref="#a" />
+        <use xlinkHref="#a1" />
       </mask>
-      <use fill="#616161" xlinkHref="#a" />
+      <use fill="#616161" xlinkHref="#a1" />
       <g transform="translate(17 33)" mask="url(#b)">
         <path
           fill="#000000"
@@ -94,9 +94,9 @@ export const None = () => (
     </defs>
     <g fill="none" fillRule="evenodd">
       <mask id="b3" fill="white">
-        <use xlinkHref="#a" />
+        <use xlinkHref="#a1" />
       </mask>
-      <use fill="#616161" xlinkHref="#a" />
+      <use fill="#616161" xlinkHref="#a1" />
       <g transform="translate(16 32)" mask="url(#b)">
         <path
           fill="#000000"

lib/constants.js

@@ -79,7 +79,7 @@ export const THEMES = [
   },
   {
     id: 'tomorrow-night-bright',
-    name: 'Tomorrow Night (Bright)'
+    name: 'Tomorrow Night'
   },
   {
     id: 'twilight',