diff --git a/packages/web/src/components/artist-recommendations/ArtistRecommendations.module.css b/packages/web/src/components/artist-recommendations/ArtistRecommendations.module.css
index ddcca9fcce0..c9827c8fae4 100644
--- a/packages/web/src/components/artist-recommendations/ArtistRecommendations.module.css
+++ b/packages/web/src/components/artist-recommendations/ArtistRecommendations.module.css
@@ -11,9 +11,7 @@
   position: relative;
   transition: all 0.17s ease-in-out !important;
 }
-.icon.remove g path {
-  fill: var(--neutral-light-4);
-}
+
 .closeButton {
   width: 16px;
   margin-right: 16px;
diff --git a/packages/web/src/components/artist-recommendations/ArtistRecommendations.tsx b/packages/web/src/components/artist-recommendations/ArtistRecommendations.tsx
index f5416449128..046b83514ba 100644
--- a/packages/web/src/components/artist-recommendations/ArtistRecommendations.tsx
+++ b/packages/web/src/components/artist-recommendations/ArtistRecommendations.tsx
@@ -259,7 +259,10 @@ export const ArtistRecommendations = forwardRef<
           className={styles.closeButton}
           onClick={onClose}
         >
-          <IconClose className={cn(styles.icon, styles.remove)} />
+          <IconClose
+            color='subdued'
+            className={cn(styles.icon, styles.remove)}
+          />
         </div>
         {renderHeader()}
       </div>
diff --git a/packages/web/src/components/data-entry/DropdownInput.jsx b/packages/web/src/components/data-entry/DropdownInput.jsx
index 82583501f0b..e8afa48522b 100644
--- a/packages/web/src/components/data-entry/DropdownInput.jsx
+++ b/packages/web/src/components/data-entry/DropdownInput.jsx
@@ -148,7 +148,7 @@ class DropdownInput extends Component {
               <div className={styles.placeholder}>{placeholder}</div>
             }
             showArrow={true}
-            suffixIcon={<IconCaretDown className={styles.arrow} />}
+            suffixIcon={<IconCaretDown size='xs' className={styles.arrow} />}
             defaultActiveFirstOption={false}
             optionFilterProp='children'
             onSelect={this.onSelect}
diff --git a/packages/web/src/components/data-entry/DropdownInput.module.css b/packages/web/src/components/data-entry/DropdownInput.module.css
index f7513623e86..9ffcf8467cf 100644
--- a/packages/web/src/components/data-entry/DropdownInput.module.css
+++ b/packages/web/src/components/data-entry/DropdownInput.module.css
@@ -146,8 +146,6 @@
 
 .arrow {
   margin-right: 4px;
-  height: 6px;
-  width: 10px;
   cursor: pointer;
 }
 
diff --git a/packages/web/src/components/nav/desktop/NavButton.module.css b/packages/web/src/components/nav/desktop/NavButton.module.css
index 2de81d5bca7..2f83d0c6eb8 100644
--- a/packages/web/src/components/nav/desktop/NavButton.module.css
+++ b/packages/web/src/components/nav/desktop/NavButton.module.css
@@ -28,7 +28,7 @@
   margin-right: 8px !important;
 }
 
-.upload > .navButtonIcon g path {
+.upload > .navButtonIcon path {
   fill: var(--neutral-light-4);
 }