diff --git a/client/common/icons.jsx b/client/common/icons.jsx
index 1184945dea..668330c400 100644
--- a/client/common/icons.jsx
+++ b/client/common/icons.jsx
@@ -35,20 +35,20 @@ import Copy from '../images/copy.svg';
 function withLabel(SvgComponent) {
   const StyledIcon = styled(SvgComponent)`
     &&& {
-      color: ${prop('Icon.default')};
+      color: ${(props) => props.Icon?.default};
       & g,
       & path,
       & polygon {
         opacity: 1;
-        fill: ${prop('Icon.default')};
+        fill: ${(props) => props.Icon?.default};
       }
       &:hover {
-        color: ${prop('Icon.hover')};
+        color: ${(props) => props.Icon?.hover};
         & g,
         & path,
         & polygon {
           opacity: 1;
-          fill: ${prop('Icon.hover')};
+          fill: ${(props) => props.Icon?.hover};
         }
       }
     }
diff --git a/client/images/cross.svg b/client/images/cross.svg
index f84379208a..4fdbf6a715 100644
--- a/client/images/cross.svg
+++ b/client/images/cross.svg
@@ -1,3 +1,3 @@
 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M25.3334 23.4667L23.4667 25.3334L16 17.8667L8.53335 25.3334L6.66669 23.4667L14.1334 16L6.66669 8.53335L8.53335 6.66669L16 14.1334L23.4667 6.66669L25.3334 8.53335L17.8667 16L25.3334 23.4667Z" fill="#666666"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M25.3334 23.4667L23.4667 25.3334L16 17.8667L8.53335 25.3334L6.66669 23.4667L14.1334 16L6.66669 8.53335L8.53335 6.66669L16 14.1334L23.4667 6.66669L25.3334 8.53335L17.8667 16L25.3334 23.4667Z" fill="currentColor"/>
 </svg>
diff --git a/client/modules/IDE/components/Banner.jsx b/client/modules/IDE/components/Banner.jsx
index 69139f31f8..02a224387d 100644
--- a/client/modules/IDE/components/Banner.jsx
+++ b/client/modules/IDE/components/Banner.jsx
@@ -26,8 +26,8 @@ const Banner = ({ onClose }) => {
   const bannerURL = 'https://openprocessing.org/curation/89576';
   const bannerCopy = (
     <>
-      We’re accepting p5.js sketches for a special curation exploring the new
-      features in p5.js 2.0!{' '}
+      We’re accepting p5.js sketches for a special curation exploring mental
+      health and the newest features in p5.js 2.0!{' '}
       <span style={{ fontWeight: 600 }}>Submit by July 13!</span>
     </>
   );
@@ -36,7 +36,7 @@ const Banner = ({ onClose }) => {
     <div className="banner">
       <a href={bannerURL}>{bannerCopy}</a>
       <button className="banner-close-button" onClick={onClose}>
-        <CrossIcon />
+        <CrossIcon Icon={{ default: '#000', hover: '#333' }} />
       </button>
     </div>
   );
diff --git a/client/modules/IDE/components/Header/__snapshots__/Nav.unit.test.jsx.snap b/client/modules/IDE/components/Header/__snapshots__/Nav.unit.test.jsx.snap
index 2a85f86887..efe1f24ff4 100644
--- a/client/modules/IDE/components/Header/__snapshots__/Nav.unit.test.jsx.snap
+++ b/client/modules/IDE/components/Header/__snapshots__/Nav.unit.test.jsx.snap
@@ -335,7 +335,7 @@ exports[`Nav renders dashboard version for mobile 1`] = `
           >
             <test-file-stub
               aria-hidden="true"
-              classname="icons__StyledIcon-sc-xmer15-0 dStXqm"
+              classname="icons__StyledIcon-sc-xmer15-0 kjSZIe"
               focusable="false"
             />
           </button>
@@ -351,7 +351,7 @@ exports[`Nav renders dashboard version for mobile 1`] = `
         >
           <test-file-stub
             aria-hidden="true"
-            classname="icons__StyledIcon-sc-xmer15-0 dStXqm"
+            classname="icons__StyledIcon-sc-xmer15-0 kjSZIe"
             focusable="false"
           />
         </button>
@@ -930,7 +930,7 @@ exports[`Nav renders editor version for mobile 1`] = `
           >
             <test-file-stub
               aria-hidden="true"
-              classname="icons__StyledIcon-sc-xmer15-0 dStXqm"
+              classname="icons__StyledIcon-sc-xmer15-0 kjSZIe"
               focusable="false"
             />
           </button>
@@ -946,7 +946,7 @@ exports[`Nav renders editor version for mobile 1`] = `
         >
           <test-file-stub
             aria-hidden="true"
-            classname="icons__StyledIcon-sc-xmer15-0 dStXqm"
+            classname="icons__StyledIcon-sc-xmer15-0 kjSZIe"
             focusable="false"
           />
         </button>
diff --git a/client/styles/components/_banner.scss b/client/styles/components/_banner.scss
index 6829f933bc..ae7eeb724e 100644
--- a/client/styles/components/_banner.scss
+++ b/client/styles/components/_banner.scss
@@ -7,11 +7,12 @@
   border-bottom: 1px solid #000;
 
   a {
-    color: #000;
-  }
+    color: $black;
 
-  a:hover {
-    text-decoration: underline;
+    &:hover {
+      color: $black;
+      text-decoration: underline;
+    }
   }
 
   @media (max-width: 770px) {
@@ -27,4 +28,5 @@
   height: 20px;
   width:20px;
   float: right;
+  cursor: pointer;
 }
\ No newline at end of file