UX: Prevent long names from overflowing on user profiles

UX: Prevent long names from overflowing on user profiles

diff --git a/app/assets/stylesheets/desktop/user.scss b/app/assets/stylesheets/desktop/user.scss
index dcc27fc..cdb5843 100644
--- a/app/assets/stylesheets/desktop/user.scss
+++ b/app/assets/stylesheets/desktop/user.scss
@@ -122,6 +122,12 @@
           a[href] {
             text-decoration: underline;
           }
+          h1 {
+            max-width: 100%;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+          }
           .location-and-website {
             display: flex;
             max-width: 100%;
diff --git a/app/assets/stylesheets/mobile/user.scss b/app/assets/stylesheets/mobile/user.scss
index 0b00b49..d7c1935 100644
--- a/app/assets/stylesheets/mobile/user.scss
+++ b/app/assets/stylesheets/mobile/user.scss
@@ -119,6 +119,7 @@
         flex: 1 1 100%;
         word-break: break-word;
         margin: 0;
+        max-width: 100%;
       }
 
       .bio {

GitHub sha: 9f6af5f8