diff --git a/src/App.js b/src/App.js
index fc1925780a702a4033886265c4e122a192efdacc..0ba68eb4fd680a349c32f2d38e0bcf5c2aaaa006 100644
--- a/src/App.js
+++ b/src/App.js
@@ -77,7 +77,7 @@ export default function App(){
   },[window.innerWidth,window.innerHeight])
 
   return(
-    <BrowserRouter>
+    <BrowserRouter basename="/react">
       <Header />
       <div style={{backgroundImage: "linear-gradient(to right,#ff7f00,#e81f4f,#673ab7,#00bcd4)", height:"5px"}}></div>
       <link href="https://fonts.googleapis.com/css?family=Kalam|Pompiere|Roboto&display=swap" rel="stylesheet"/>
diff --git a/src/Components/Header.js b/src/Components/Header.js
index e0ec468ab66ef16619d2e08b866c310ebe1b713c..e9aa87d2d56b11e1b0ec94553c1f7f5c3a6be88b 100644
--- a/src/Components/Header.js
+++ b/src/Components/Header.js
@@ -116,7 +116,6 @@ export default function Header(props){
       }
   }, [loc])
 
-
   const toggleSnackbar = (event, reason) => {
       if (reason === 'clickaway') {
           return;
diff --git a/src/Components/LoginContainerFunction.js b/src/Components/LoginContainerFunction.js
index 6d87b92708989d3976d91d72e4b0f921760e1fea..331a53c917cddd8717d54b8e74083a35b196a0ef 100644
--- a/src/Components/LoginContainerFunction.js
+++ b/src/Components/LoginContainerFunction.js
@@ -37,7 +37,6 @@ async function handleGoogleAttempt () {
     window.location.replace(request_url)
 }
 
-
 export default function LoginContainer (props) {
     const [formEmail, setEmail] = useState(
         {
@@ -193,6 +192,7 @@ export default function LoginContainer (props) {
     font-size : 14px;
     @media ${device.mobileM} {
     width : 100%;
+    min-width : unset;
     height : 100%;
     min-width : unset !important;
 
diff --git a/src/Components/SignUpContainerFunction.js b/src/Components/SignUpContainerFunction.js
index 3c877b30625c25eee84c7c2ae9a553cedfc54aa4..380a7bf6cd4c5f5930f790c9b9ae289835fd319b 100644
--- a/src/Components/SignUpContainerFunction.js
+++ b/src/Components/SignUpContainerFunction.js
@@ -224,6 +224,7 @@ const ContainerStyled = styled.div`
     padding : 10px;
     @media ${device.mobileM} {
         width : 100%;
+        min-width : unset;
         height : 100%;
         min-width : unset !important;