diff --git a/src/pages/RevoltApp.tsx b/src/pages/RevoltApp.tsx
index 3f9d2c48..ca4b2f22 100644
--- a/src/pages/RevoltApp.tsx
+++ b/src/pages/RevoltApp.tsx
@@ -28,7 +28,7 @@ const AppContainer = styled.div`
background-position: center center !important;
`;
-const StatusBar = styled.div`
+export const StatusBar = styled.div`
height: 40px;
width: 100%;
display: flex;
diff --git a/src/pages/login/Login.tsx b/src/pages/login/Login.tsx
index 04fa8195..abd2e882 100644
--- a/src/pages/login/Login.tsx
+++ b/src/pages/login/Login.tsx
@@ -1,17 +1,19 @@
import { Twitter, Github, Mastodon } from "@styled-icons/boxicons-logos";
import { observer } from "mobx-react-lite";
import { Helmet } from "react-helmet";
-import { Route, Switch } from "react-router-dom";
+import { Link, Route, Switch } from "react-router-dom";
import styles from "./Login.module.scss";
import { Text } from "preact-i18n";
import { useApplicationState } from "../../mobx/State";
-import LocaleSelector from "../../components/common/LocaleSelector";
import wideSVG from "/assets/wide.svg";
+import LocaleSelector from "../../components/common/LocaleSelector";
import { Titlebar } from "../../components/native/Titlebar";
+import { useSystemAlert } from "../../updateWorker";
+import { StatusBar } from "../RevoltApp";
import { FormCreate } from "./forms/FormCreate";
import { FormLogin } from "./forms/FormLogin";
import { FormReset, FormSendReset } from "./forms/FormReset";
@@ -21,11 +23,31 @@ export default observer(() => {
const state = useApplicationState();
const theme = state.settings.theme;
+ const alert = useSystemAlert();
+
return (
<>
{window.isNative && !window.native.getConfig().frame && (