diff --git a/src/components/app/App.css b/src/components/app/App.css
index 35c4cd2..70216f0 100755
--- a/src/components/app/App.css
+++ b/src/components/app/App.css
@@ -1,4 +1,4 @@
-section {
+.main {
     height: 100%;
     display: grid;
     grid-template-rows: auto 14%;
diff --git a/src/components/app/App.js b/src/components/app/App.js
index 9362b01..3bd7276 100755
--- a/src/components/app/App.js
+++ b/src/components/app/App.js
@@ -6,12 +6,12 @@ import Footer from "./Footer/Footer"
 import './App.css';
 
 const App = () => (
-  <section>
+  <article className="main">
     <main>
       <Route path="/:term?" component={GlossaryPage}/>
     </main>
     <Footer/>
-  </section>
+  </article>
 );
 
 export default App;