diff --git a/src/components/Home.js b/src/components/Home.js
index 4c3dfab..d45ccd9 100644
--- a/src/components/Home.js
+++ b/src/components/Home.js
@@ -15,7 +15,7 @@ const Home = (props) => {
 
   return (
     <div className="Home">
-      <Theater title={title} description={description} h_100/>
+      <Theater title={title} description={description} extraClasses="h-100"/>
     </div>
   );
 }
diff --git a/src/components/Theater.js b/src/components/Theater.js
index b671988..d38f791 100644
--- a/src/components/Theater.js
+++ b/src/components/Theater.js
@@ -4,7 +4,7 @@ import './css/Theater.css';
 const Theater = (props) => {
     
     return (
-        <div className={`theater ${props.peak ? 'peak':''} ${props.h_100 ? 'h-100':''}`}>
+        <div className={`theater ${props.extraClasses ? props.extraClasses:''}`}>
             <div className="theater-bg" style={props.background ? {backgroundImage: `url(${props.background})`} : {}}/>
             <div className="theater-content">
                 <h1>{props.title}</h1>