diff --git a/src/views/profile/components/UserCard.vue b/src/views/profile/components/UserCard.vue
index a8d27513..c2ce1aa8 100644
--- a/src/views/profile/components/UserCard.vue
+++ b/src/views/profile/components/UserCard.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-card>
+  <el-card style="margin-bottom:20px;">
     <div slot="header" class="clearfix">
       <span>About me</span>
     </div>
diff --git a/src/views/profile/index.vue b/src/views/profile/index.vue
index 8069a95c..87e4f94f 100644
--- a/src/views/profile/index.vue
+++ b/src/views/profile/index.vue
@@ -3,11 +3,11 @@
     <div v-if="user">
       <el-row :gutter="20">
 
-        <el-col :span="6">
+        <el-col :span="6" :xs="24">
           <user-card :user="user" />
         </el-col>
 
-        <el-col :span="18">
+        <el-col :span="18" :xs="24">
           <el-card>
             <el-tabs v-model="activeTab">
               <el-tab-pane label="Activity" name="activity">