Fix bio rendering on profile page

app/assets/javascripts/vue_shared/components/user_popover/user_popover.vue

@@ -75,7 +75,7 @@ export default {
           <div class="gl-text-gray-700">
             <div v-if="user.bio" class="gl-display-flex gl-mb-2">
               <icon name="profile" class="gl-text-gray-600 gl-flex-shrink-0" />
-              <span ref="bio" class="ml-1" v-html="user.bioHtml"></span>
+              <span ref="bio" class="gl-ml-2" v-html="user.bioHtml"></span>
             </div>
             <div v-if="user.workInformation" class="gl-display-flex gl-mb-2">
               <icon name="work" class="gl-text-gray-600 gl-flex-shrink-0" />

app/views/users/show.html.haml

@@ -84,7 +84,7 @@
                 = link_to @user.public_email, "mailto:#{@user.public_email}", class: 'text-link'
         - if @user.bio.present?
           .cover-desc.cgray
-            %p.profile-user-bio
+            .profile-user-bio
               = markdown(@user.bio_html)
 
 

changelogs/unreleased/fix-bio-rendering-on-profile.yml

+---
+title: Fix bio container width on profile page
+merge_request: 37572
+author:
+type: fixed