adjust style

src/client/js/components/User/UserInfo.jsx

@@ -12,7 +12,7 @@ const UserInfo = (props) => {
   }
 
   return (
-    <div className="grw-users-info d-flex align-items-center d-edit-none">
+    <div className="grw-users-info d-flex align-items-center d-edit-none pb-2 border-bottom">
       <UserPicture user={pageUser} />
 
       <div className="users-meta">

src/server/views/layout-growi/user_page.html

@@ -6,14 +6,13 @@
 {% endblock %}
 
 {% block content_main %}
-  <div class="border-bottom pb-2">
-    <div class="user-info" id="user-info">
-    </div>
-  </div>
 
   <div class="d-flex justify-content-between">
     <div class="grw-page-content-container flex-grow-1">
 
+      <div class="user-info" id="user-info">
+      </div>
+
       {#
         #   Because this block has content like 'Bookmarks' or 'Recent Created' whose height changes dynamically,
         #   setting of 'revision-toc' (affix) is hindered.