diff --git a/docs-site/public/sitemap.xml b/docs-site/public/sitemap.xml
index 7c421b6c..399730c4 100644
--- a/docs-site/public/sitemap.xml
+++ b/docs-site/public/sitemap.xml
@@ -14,4 +14,5 @@
 <url><loc>https://ameliorate.app/docs/getting-started/diagramming-basics</loc><changefreq>daily</changefreq><priority>0.5</priority></url>
 <url><loc>https://ameliorate.app/docs/getting-started/your-first-topic</loc><changefreq>daily</changefreq><priority>0.5</priority></url>
 <url><loc>https://ameliorate.app/docs/release-status</loc><changefreq>daily</changefreq><priority>0.5</priority></url>
+<url><loc>https://ameliorate.app/docs/roles-to-fill</loc><changefreq>daily</changefreq><priority>0.5</priority></url>
 </urlset>
\ No newline at end of file
diff --git a/src/web/topic/components/TopicPane/TopicDetails.tsx b/src/web/topic/components/TopicPane/TopicDetails.tsx
index 54374213..b8da3eb0 100644
--- a/src/web/topic/components/TopicPane/TopicDetails.tsx
+++ b/src/web/topic/components/TopicPane/TopicDetails.tsx
@@ -142,7 +142,8 @@ export const TopicDetails = ({ selectedTab, setSelectedTab }: Props) => {
 
   return (
     <List>
-      <div className="flex items-center justify-center">
+      {/* whitespace-normal to wrap long topic titles */}
+      <div className="flex items-center justify-center whitespace-normal px-4">
         {isPlaygroundTopic ? (
           "Playground Topic"
         ) : (