diff --git a/projects/ui/src/components/Nav/Banner.tsx b/projects/ui/src/components/Nav/Banner.tsx
index f055aa2b78..07d40d74ee 100644
--- a/projects/ui/src/components/Nav/Banner.tsx
+++ b/projects/ui/src/components/Nav/Banner.tsx
@@ -8,17 +8,17 @@ import { FC } from '~/types';
 const sx = {
   color: '#333',
   fontSize: FontSize.sm,
-  overflow: 'hidden',
   display: 'flex',
   flexDirection: 'row',
   alignItems: 'center',
   justifyContent: 'center',
   width: '100%',
   backgroundColor: 'white',
+  padding: '2px',
 };
 
 const Banner: FC<
-  LinkProps & { height: number } & { to?: string } // fixme
+  LinkProps & { height?: number } & { to?: string } // fixme
 > = ({ height, children, to, ...props }) =>
   to ? (
     <Link
diff --git a/projects/ui/src/hooks/app/useBanner.tsx b/projects/ui/src/hooks/app/useBanner.tsx
index 2a6120b971..8eb1edf9f2 100644
--- a/projects/ui/src/hooks/app/useBanner.tsx
+++ b/projects/ui/src/hooks/app/useBanner.tsx
@@ -16,17 +16,9 @@ const useBanner = () => {
 
   return useMemo(() => {
     return (
-      <Banner height={BANNER_HEIGHT}>
+      <Banner>
         BIP-38 Unripe liquidity migration is in process. Quotes will be affected
-        until the migration is complete. See&nbsp;
-        <a
-          href="https://discord.gg/beanstalk"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          Discord
-        </a>
-        &nbsp;for more information.
+        until the migration is complete. See Discord for more information.
       </Banner>
     );