diff --git a/src/assets/comm.css b/src/assets/comm.css
index 3b494f41..0d1797f9 100644
--- a/src/assets/comm.css
+++ b/src/assets/comm.css
@@ -33,6 +33,11 @@
   justify-content: flex-start;
   flex-direction: column;
 }
+.dflexacsa{
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+}
 .dflexa{
   display: flex;
   align-items: center;
diff --git a/src/pages/home/home.js b/src/pages/home/home.js
index 1b9c2420..d6354915 100644
--- a/src/pages/home/home.js
+++ b/src/pages/home/home.js
@@ -258,9 +258,9 @@ export default class App extends Component {
                 */}
                  
                  </div>
-                 <Pop className="exitPop" trigger="hover" position="bottom-right" content={<div>
+                 <Pop className="exitPop" trigger="click" position="bottom-right" content={<div>
                    <div className="exit-box">
-                   <p className="exit-header dflexaj">
+                   <p className="exit-header dflexacsa">
                    {!this.state.userInfo.head?  <Avatar   size="large"
         src={this.state.userInfo.head}/>:
         <Avatar   size="large"
diff --git a/src/pages/home/home.less b/src/pages/home/home.less
index 17d32815..4a58d299 100644
--- a/src/pages/home/home.less
+++ b/src/pages/home/home.less
@@ -80,10 +80,10 @@
 
 }
 .exit-userInfo{
-  margin-left: 15px;
   line-height: 1.5rem;
   color: #333;
   font-size: 14px;
+  margin-left: 15px;
 }
 .exit-btn{
   display: flex;