Revert back to 'X' instead of '<'

It can be confused with the browser back button. It doesn't function as back button as well

src/app.css

@@ -91,7 +91,7 @@ a.mention span {
   text-align: right;
 }
 .deck header h1 {
-  margin: 0;
+  margin: 0 8px;
   padding: 0;
   font-size: 1.2em;
   text-align: center;

src/pages/status.jsx

@@ -186,14 +186,17 @@ function StatusPage({ id }) {
         }`}
       >
         <header>
-          <div>
+          {/* <div>
             <Link class="button plain deck-close" href={closeLink}>
               <Icon icon="chevron-left" size="xl" />
             </Link>
-          </div>
+          </div> */}
           <h1>Status</h1>
           <div class="header-side">
             <Loader hidden={uiState !== 'loading'} />
+            <Link class="button plain deck-close" href={closeLink}>
+              <Icon icon="x" size="xl" />
+            </Link>
           </div>
         </header>
         <ul class="timeline flat contextual">