adjust hover style

Author: christiansamaniego-okta

src/features/common/components/footer/footer.component.tsx

@@ -235,6 +235,7 @@ export const FooterComponent: React.FC<FooterComponentProps> = ({
                     padding: "0px",
                     height: "100%",
                     alignSelf: "center",
+                    color: "inherit",
                   }),
                   valueContainer: (base) => ({
                     ...base,

src/features/common/components/footer/footer.module.scss

@@ -274,7 +274,7 @@
   gap: 0.25rem;
   color: var(--color_fg_default);
 
-  &:focus-within {
+  &:hover {
     color: (var(--color_fg_bold));
   }
 }