diff --git a/views/user.eta b/views/user.eta
index 5f91789..e88f516 100644
--- a/views/user.eta
+++ b/views/user.eta
@@ -10,13 +10,17 @@
 <div class="main user">
 	<div class="contents">
 		<div class="info">
-			<p class="title"><span><%= it.user.full_name || it.user.username %></span> <span class="username">@<%= it.user.username %></span></p>
-      <p class="description"><%= description %></p>
+			<p class="title">
+				<span class="word name"><%= it.user.full_name || it.user.username %></span>
+				<span class="word username">@<%= it.user.username %>aaaaaaaaaa</span>
+			</p>
+      		<p class="description"><%= description %>
+		</p>
     </div>
 		<div class="graphics">
-      <% if (it.user.avatar_url) { %>
-			  <img width="120" height="120" src="<%= it.user.avatar_url %>"></img>
-      <% } %>
+			<% if (it.user.avatar_url) { %>
+					<img width="120" height="120" src="<%= it.user.avatar_url %>"></img>
+			<% } %>
 		</div>
 	</div>
 	<div class="info-line">
@@ -42,20 +46,21 @@
 	.user .title {
 		white-space: nowrap;
 		display: flex;
-	}
-	.user .title span:not(.username) {
-		display: flex;
-		align-items: center;
 		gap: 1rem;
-		font-size: 3rem;
-		font-weight: 600;
-		color: #aeb3d0;
+		align-items: center;
+	}
+	.user .title .name {
+		font-size: 4rem;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		flex-shrink: 0;
 	}
 	.user .title .username {
-		font-size: 1.75rem;
-		gap: 0.5rem;
+		font-size: 3.5rem;
 		font-weight: 400;
 		color: #6d728f;
+		overflow: hidden;
+		text-overflow: ellipsis;
 	}
 	.fact {
 		display: flex;