diff --git a/src/components/layout/Modal/Modal.styles.js b/src/components/layout/Modal/Modal.styles.js
index 1f609e306..04621325b 100644
--- a/src/components/layout/Modal/Modal.styles.js
+++ b/src/components/layout/Modal/Modal.styles.js
@@ -8,8 +8,9 @@ export const root = ({ type, isOpen }) =>
       'su-hidden': !isOpen,
       'su-bg-saa-black-dark': type === 'trip-filter',
       'su-bg-cardinal-red-xdark': type === 'main-menu',
+      'su-bg-white': type === 'mega-menu',
       'su-bg-saa-black su-bg-opacity-[97%]':
-        type !== 'trip-filter' && type !== 'main-menu',
+        type !== 'trip-filter' && type !== 'main-menu' && type !== 'mega-menu',
     }
   );
 export const wrapper = ({ type }) =>
diff --git a/src/components/navigation/MegaMenu/megaMenuLink.styles.js b/src/components/navigation/MegaMenu/megaMenuLink.styles.js
index 08a1bc052..d27856589 100644
--- a/src/components/navigation/MegaMenu/megaMenuLink.styles.js
+++ b/src/components/navigation/MegaMenu/megaMenuLink.styles.js
@@ -1,4 +1,4 @@
 export const menuLink =
-  'su-text-black hocus:su-text-digital-red su-no-underline hocus:su-underline su-font-normal su-text-19 su-group';
+  'su-inline-block su-leading-display su-text-black hocus:su-text-digital-red su-no-underline hocus:su-underline su-font-normal su-text-19 su-group';
 
 export const externalIcon = 'su-text-digital-red su-text-21';