diff --git a/appview/pages/funcmap.go b/appview/pages/funcmap.go
index 10b5925..cb89ff4 100644
--- a/appview/pages/funcmap.go
+++ b/appview/pages/funcmap.go
@@ -15,6 +15,12 @@ func funcMap() template.FuncMap {
 		"split": func(s string) []string {
 			return strings.Split(s, "\n")
 		},
+		"truncateAt30": func(s string) string {
+			if len(s) <= 30 {
+				return s
+			}
+			return s[:30] + "…"
+		},
 		"splitOn": func(s, sep string) []string {
 			return strings.Split(s, sep)
 		},
diff --git a/appview/pages/templates/timeline.html b/appview/pages/templates/timeline.html
index e3edad3..fa500cf 100644
--- a/appview/pages/templates/timeline.html
+++ b/appview/pages/templates/timeline.html
@@ -43,7 +43,7 @@
         {{ $userHandle :=  index $.DidHandleMap .Repo.Did }}
         <div class="flex items-center">
           <p class="text-gray-600">
-          <a href="/{{ $userHandle }}" class="no-underline hover:underline">{{ $userHandle }}</a>
+          <a href="/{{ $userHandle }}" class="no-underline hover:underline">{{ $userHandle | truncateAt30 }}</a>
           created
           <a href="/{{ $userHandle }}/{{ .Repo.Name }}" class="no-underline hover:underline">{{ .Repo.Name }}</a>
           <time class="text-gray-700 text-xs">{{ .Repo.Created | timeFmt }}</time>
@@ -54,9 +54,9 @@
         {{ $subjectHandle :=  index $.DidHandleMap .Follow.SubjectDid }}
         <div class="flex items-center">
           <p class="text-gray-600">
-          <a href="/{{ $userHandle }}" class="no-underline hover:underline">{{ $userHandle }}</a>
+          <a href="/{{ $userHandle }}" class="no-underline hover:underline">{{ $userHandle | truncateAt30 }}</a>
           followed
-          <a href="/{{ $subjectHandle }}" class="no-underline hover:underline">{{ $subjectHandle }}</a>
+          <a href="/{{ $subjectHandle }}" class="no-underline hover:underline">{{ $subjectHandle | truncateAt30 }}</a>
           <time class="text-gray-700 text-xs">{{ .Follow.FollowedAt | timeFmt }}</time>
           </p>
         </div>
@@ -65,9 +65,9 @@
         {{ $repoOwnerHandle :=  index $.DidHandleMap .Star.Repo.Did }}
         <div class="flex items-center">
           <p class="text-gray-600">
-          <a href="/{{ $starrerHandle }}" class="no-underline hover:underline">{{ $starrerHandle }}</a>
+          <a href="/{{ $starrerHandle }}" class="no-underline hover:underline">{{ $starrerHandle | truncateAt30 }}</a>
           starred
-          <a href="/{{ $repoOwnerHandle }}/{{ .Star.Repo.Name }}" class="no-underline hover:underline">{{ $repoOwnerHandle }}/{{ .Star.Repo.Name }}</a>
+          <a href="/{{ $repoOwnerHandle }}/{{ .Star.Repo.Name }}" class="no-underline hover:underline">{{ $repoOwnerHandle | truncateAt30 }}/{{ .Star.Repo.Name }}</a>
           <time class="text-gray-700 text-xs">{{ .Star.Created | timeFmt }}</time>
           </p>
         </div>
diff --git a/appview/pages/templates/user/profile.html b/appview/pages/templates/user/profile.html
index 448a518..6d81496 100644
--- a/appview/pages/templates/user/profile.html
+++ b/appview/pages/templates/user/profile.html
@@ -21,7 +21,7 @@
             {{ end }}
         </div>
         <p class="text-xl font-bold text-center">
-            {{ didOrHandle .UserDid .UserHandle }}
+            {{ truncateAt30 (didOrHandle .UserDid .UserHandle) }}
         </p>
         <div class="text-sm text-center">
             <span>{{ .ProfileStats.Followers }} followers</span>