Hubert / fixing small endpoint bugs

src/features/Endpoint/Endpoint.module.scss

@@ -4,6 +4,7 @@
   height: 140vh;
   justify-content: center;
   padding-top: rem(6);
+  margin: 0 auto;
 
   .content {
     display: flex;

src/features/Endpoint/Endpoint.tsx

@@ -38,6 +38,8 @@ const EndPoint = () => {
     window.location.reload();
   };
 
+  const refreshWhenSubmitted = () => window.location.reload();
+
   const server_url = localStorage.getItem('config.server_url') ?? default_endpoint.server_url;
   const app_id = localStorage.getItem('config.app_id') ?? default_endpoint.app_id;
   const current_url = `wss://${server_url}/websockets/v3?app_id=${app_id}&l=EN&brand=deriv`;
@@ -105,7 +107,12 @@ const EndPoint = () => {
               <div className={styles.urlLink}>{current_url}</div>
             </div>
             <div className={styles.buttons}>
-              <Button type='submit' color='primary' disabled={Object.keys(errors).length > 0}>
+              <Button
+                type='submit'
+                color='primary'
+                onClick={refreshWhenSubmitted}
+                disabled={Object.keys(errors).length > 0}
+              >
                 Submit
               </Button>
               <span style={{ marginLeft: '1.6rem' }} />