diff --git a/src/components/PageLayout/Banner/Banner.module.scss b/src/components/PageLayout/Banner/Banner.module.scss
index 62d4c8e1..92ae186d 100644
--- a/src/components/PageLayout/Banner/Banner.module.scss
+++ b/src/components/PageLayout/Banner/Banner.module.scss
@@ -5,16 +5,15 @@
   border: none;
   display: flex;
   align-items: center;
-  padding: 0px;
   z-index: 3;
   margin-bottom: 0.5rem;
-  padding: 0.2rem;
+  padding: 0.2rem 0;
 }
 
 
 .marqueeTextContainer {
   white-space: nowrap;
-  padding: 0px;
+  padding: 0;
   height: 100%;
   display: flex;
   align-items: center;
diff --git a/src/components/PageLayout/Banner/Banner.tsx b/src/components/PageLayout/Banner/Banner.tsx
index 26c2bdce..16464cfb 100644
--- a/src/components/PageLayout/Banner/Banner.tsx
+++ b/src/components/PageLayout/Banner/Banner.tsx
@@ -12,7 +12,7 @@ export const Banner: FC = () => {
     <div className={styles.banner}>
       <Marquee gradient={false} speed={100}>
         <Typography variant="h2" component="span" className={styles.marqueeTextContainer}>
-          {bannerText}
+          {bannerText || '\u00A0'}
         </Typography>
       </Marquee>
     </div>