diff --git a/packages/app/src/layouts/login/index.jsx b/packages/app/src/layouts/login/index.jsx
index e6e2e942..943fc832 100755
--- a/packages/app/src/layouts/login/index.jsx
+++ b/packages/app/src/layouts/login/index.jsx
@@ -1,10 +1,11 @@
 import React from "react"
 import * as antd from "antd"
+import classnames from "classnames"
 
 import { Drawer, Sidedrawer } from "components/Layout"
 
 export default (props) => {
-    return <antd.Layout className="app_layout" style={{ height: "100%" }}>
+    return <antd.Layout className={classnames("app_layout", { ["mobile"]: window.isMobile })} style={{ height: "100%" }}>
         <Drawer />
         <Sidedrawer />
         <div id="transitionLayer" className="fade-transverse-active">