diff --git a/webapp/src/components/ListPage/ListPage.module.css b/webapp/src/components/ListPage/ListPage.module.css
index a7491b039b..fcbf8833a4 100644
--- a/webapp/src/components/ListPage/ListPage.module.css
+++ b/webapp/src/components/ListPage/ListPage.module.css
@@ -71,6 +71,7 @@
   display: flex;
   flex-direction: column;
   row-gap: 10px;
+  width: 100%;
 }
 
 .subHeaderLeft :global(.Profile.avatar) {
@@ -193,6 +194,10 @@
   margin-top: 20px;
 }
 
+.description {
+  overflow-wrap: break-word;
+}
+
 @media (max-width: 768px) {
   .header:global(.ui.header) {
     margin-left: 16px;
diff --git a/webapp/src/components/ListPage/ListPage.tsx b/webapp/src/components/ListPage/ListPage.tsx
index 18134b42df..16a71c7607 100644
--- a/webapp/src/components/ListPage/ListPage.tsx
+++ b/webapp/src/components/ListPage/ListPage.tsx
@@ -233,7 +233,7 @@ const ListPage = (props: Props) => {
           </Header>
           <Header className={styles.header} sub>
             <div className={styles.subHeaderLeft}>
-              <span>{list.description}</span>
+              <span className={styles.description}>{list.description}</span>
               {isPublicView && list.userAddress && (
                 <LinkedProfile
                   data-testid={'linked-profile'}