diff --git a/src/components/Banner/index.jsx b/src/components/Banner/index.jsx
index 49ed0a8..8990d12 100644
--- a/src/components/Banner/index.jsx
+++ b/src/components/Banner/index.jsx
@@ -9,7 +9,7 @@ const Banner = () => {
     "Welcome to our BETA work listings site - Tell us what you think!";
 
   return (
-    <div styleName="banner">
+    <div styleName="banner" className="banner">
       <p styleName="header">
         {header}
 
diff --git a/src/components/Banner/styles.scss b/src/components/Banner/styles.scss
index a208734..5c08105 100644
--- a/src/components/Banner/styles.scss
+++ b/src/components/Banner/styles.scss
@@ -20,7 +20,8 @@
     flex-direction: row;
     align-items: center;
     @include roboto-bold;
-    height: 50px;
+    line-height: 25px;
+    min-height: 50px;
     font-size: 20px;
     text-transform: uppercase;
   }