diff --git a/app/assets/stylesheets/views/profile.scss b/app/assets/stylesheets/views/profile.scss
index f4c8b3864..20ac4a7e4 100644
--- a/app/assets/stylesheets/views/profile.scss
+++ b/app/assets/stylesheets/views/profile.scss
@@ -45,6 +45,10 @@
     padding: var(--padding);
   }
 
+  &__bio {
+    white-space: pre-wrap;
+  }
+
   &__meta {
     font-size: var(--fs-s);
     color: var(--base-60);
diff --git a/app/views/users/show.html.erb b/app/views/users/show.html.erb
index 145624943..529d5189c 100644
--- a/app/views/users/show.html.erb
+++ b/app/views/users/show.html.erb
@@ -64,7 +64,7 @@
             </h1>
           </div>
 
-          <p class="fs-base m:fs-l color-base-90 mb-4 mx-auto max-w-100 m:max-w-75"><%= @user.tag_line.presence || [t("views.users.empty")].sample %></p>
+          <p class="fs-base profile-header__bio m:fs-l color-base-90 mb-4 mx-auto max-w-100 m:max-w-75"><%= @user.tag_line.presence || [t("views.users.empty")].sample %></p>
 
           <div class="profile-header__meta">
             <% if @user.profile.location.present? %>
@@ -151,7 +151,7 @@
 </main>
 
 <%= javascript_include_tag "storiesList", "followButtons",
-                                     "feedPreviewCards", "hideBookmarkButtons",
-                                     "profileDropdown", "users/profilePage",
-                                     "localizeArticleDates", "asyncUserStatusCheck",
-                                     defer: true %>
+                           "feedPreviewCards", "hideBookmarkButtons",
+                           "profileDropdown", "users/profilePage",
+                           "localizeArticleDates", "asyncUserStatusCheck",
+                           defer: true %>