diff --git a/packages/app/src/layouts/login/index.jsx b/packages/app/src/layouts/login/index.jsx
index 9efba9d7..657f0c0b 100644
--- a/packages/app/src/layouts/login/index.jsx
+++ b/packages/app/src/layouts/login/index.jsx
@@ -1,7 +1,19 @@
 import React from "react"
+import classnames from "classnames"
+import * as antd from "antd"
+
+import { Drawer, Sidedrawer } from "components/layout"
 
 export default (props) => {
-    return <div>
-        {props.children}
-    </div>
+    return <antd.Layout className="app_layout" style={{ height: "100%" }}>
+        <Drawer />
+        <Sidedrawer />
+        <antd.Layout className="content_layout">
+            <antd.Layout.Content className={classnames("layout_page", ...props.layoutPageModesClassnames ?? [])}>
+                <div id="transitionLayer" className="fade-transverse-active">
+                    {React.cloneElement(props.children, props)}
+                </div>
+            </antd.Layout.Content>
+        </antd.Layout>
+    </antd.Layout>
 }
\ No newline at end of file