Non-released bug: Fix dropdown by fixing icon styling (#8522)

frontend/components/BackLink/BackLink.tsx

@@ -29,7 +29,7 @@ const BackLink = ({ text, path, className }: IBackLinkProps): JSX.Element => {
           direction="left"
           color="coreVibrantBlue"
         />
-        {text}
+        <span>{text}</span>
       </>
     </Link>
   );

frontend/components/BackLink/_styles.scss

@@ -1,4 +1,7 @@
 .back-link {
+  display: flex;
+  align-items: center;
+
   &__back-icon {
     padding-right: $pad-small;
     display: inline;

frontend/components/Icon/_styles.scss

@@ -1,5 +1,5 @@
 .icon {
-  // only style that aligns properly whether in text
-  display: inline;
-  vertical-align: middle;
+  // keeps this element the same size as the svg
+  // aligns properly in text, buttons, dropdowns, summary tile custom component
+  display: inline-flex;
 }

frontend/components/icons/CalendarCheck.tsx

@@ -3,9 +3,9 @@ import React from "react";
 const CalendarCheck = () => {
   return (
     <svg
-      width="14"
-      height="14"
-      viewBox="0 0 14 14"
+      width="16"
+      height="16"
+      viewBox="0 0 16 16"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
     >