diff --git a/src/Components/Features/FeaturesPage.js b/src/Components/Features/FeaturesPage.js
index a7b0cac..96c5532 100644
--- a/src/Components/Features/FeaturesPage.js
+++ b/src/Components/Features/FeaturesPage.js
@@ -14,6 +14,32 @@ const FeaturesPage = () => {
     <>
       <div className="features-container">
         <div className="features-top-wrapper">
+          <div className="features-top-left">
+            <FeaturesTop />
+          </div>
+          <div className="features-top-right">
+            <img className="features-image-one" src={legalTechFlip} />
+          </div>
+        </div>
+        <div className="features-bottom-wrapper">
+          <div className="features-bottom-left">
+            <img className="features-image-one" src={legalTek} />
+          </div>
+          <div className="features-bottom-right">
+            <FeaturesBottom />
+          </div>
+        </div>
+      </div>
+    </>
+  );
+};
+
+export default FeaturesPage;
+
+/*
+
+
+
           <div className="features-top-mobile-img">
             <img className="features-image-one" src={legalTechFlip} />
           </div>
@@ -31,16 +57,8 @@ const FeaturesPage = () => {
               <FeaturesBottom />
             </div>
           </div>
-        </div>
-      </div>
-    </>
-  );
-};
-
-export default FeaturesPage;
-
-/*
 
+          
         <div className="features-bottom-wrapper">
           <div className="features-bottom-right">
             <img className="features-image-one" src={legalTek} />
diff --git a/src/Components/Home/HomePage.js b/src/Components/Home/HomePage.js
index 2791d9f..507968c 100644
--- a/src/Components/Home/HomePage.js
+++ b/src/Components/Home/HomePage.js
@@ -12,6 +12,7 @@ import "../../styles/homepage.scss";
 
 const HomePage = () => {
   const navigate = useNavigate();
+
   const handleNavigate = () => {
     navigate("/signup");
   };
diff --git a/src/Components/Login/Login.js b/src/Components/Login/Login.js
index 8a438f6..0b0b0a4 100644
--- a/src/Components/Login/Login.js
+++ b/src/Components/Login/Login.js
@@ -6,6 +6,7 @@ import "../../styles/login.scss";
 
 const Login = () => {
   const navigate = useNavigate();
+
   const auth = getAuth();
   const [isBusy, setIsBusy] = useState(false);
   const [email, setEmail] = useState("");
diff --git a/src/Components/SignupPage/SignupPage.js b/src/Components/SignupPage/SignupPage.js
index 0282b34..42306c9 100644
--- a/src/Components/SignupPage/SignupPage.js
+++ b/src/Components/SignupPage/SignupPage.js
@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React, { useState, useEffect } from "react";
 import Col from "react-bootstrap/Col";
 import Form from "react-bootstrap/Form";
 import Row from "react-bootstrap/Row";
@@ -24,6 +24,9 @@ const SignupPage = () => {
   const navigate = useNavigate();
   const [notice, setNotice] = useState("");
   const [isMobile, setIsMobile] = useState(window.innerWidth < 440);
+  useEffect(() => {
+    setIsMobile(window.innerWidth < 440);
+  });
   const fieldsChunkSize = 2;
   const [isBusy, setIsBusy] = useState(false);
   const [data, setData] = useState(getFormDataDefaults(signupfields));