diff --git a/frontend/src/App.css b/frontend/src/App.css
index 4018800..aca197c 100644
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@@ -9,9 +9,19 @@
   background: transparent;
 }
 
+html,
+body {
+  width: 100%;
+  height: 100%;
+  margin: 0px;
+  padding: 0px;
+  overflow-x: hidden;
+}
+
 /* General Rules */
 .App {
   display: flex;
+  flex-direction: column;
   text-align: center;
   justify-content: center;
   align-items: center;
@@ -37,12 +47,6 @@
 }
 
 footer {
-  position: absolute;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  bottom: 0;
-  margin-bottom: 10px;
   font-size: 13px;
   font-weight: 500;
 }
@@ -52,6 +56,14 @@ footer {
   margin-left: 8px;
 }
 
+.footer-wrapper {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: fit-content;
+  margin-bottom: 10px;
+}
+
 .btn {
   display: inline-flex;
   width: 85px;
diff --git a/frontend/src/App.js b/frontend/src/App.js
index c7ce14e..b192040 100644
--- a/frontend/src/App.js
+++ b/frontend/src/App.js
@@ -17,8 +17,10 @@ const ConditionalFooter = (props) => {
   }
   return (
       <footer>
-        Powered by <img src="logo_tecoding.svg" alt="tecoding" className="footer-logo"/>
-        <img src="logo_fetec.svg" alt="fetec" className="footer-logo"/>
+        <div className="footer-wrapper">
+          Powered by <img src="logo_tecoding.svg" alt="tecoding" className="footer-logo"/>
+          <img src="logo_fetec.svg" alt="fetec" className="footer-logo"/>
+        </div>
       </footer>
   )
 }
diff --git a/frontend/src/components/Resultado.css b/frontend/src/components/Resultado.css
index 57a24e0..fdea76a 100644
--- a/frontend/src/components/Resultado.css
+++ b/frontend/src/components/Resultado.css
@@ -87,6 +87,10 @@
 }
 
 @media (max-width: 700px) {
+  .Resultado-Container {
+    height: 90%;
+  }
+
   .Resultado .top-section {
     padding-top: 10%;
   }