From aa94a717893b65164cb3ed3053dda66864470edf Mon Sep 17 00:00:00 2001
From: "Ella E." <ella@discourse.org>
Date: Tue, 27 May 2025 11:07:19 -0600
Subject: [PATCH] UX: Handle long URLs in theme grid with overflow-wrap
 (#32942)

Added `overflow-wrap: anywhere` to prevent long URLs from breaking the
layout

### Before
<img width="268" alt="image"
src="https://github.com/user-attachments/assets/2512b44e-7af3-42cb-b1c6-d7fcb7dd0535"
/>


### After
<img width="260" alt="image"
src="https://github.com/user-attachments/assets/9c5abf05-8f79-4434-bdb7-fc2b5fd2bd2e"
/>
---
 app/assets/stylesheets/common/components/theme-card.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/app/assets/stylesheets/common/components/theme-card.scss b/app/assets/stylesheets/common/components/theme-card.scss
index af7039de2d2..687b9f96faa 100644
--- a/app/assets/stylesheets/common/components/theme-card.scss
+++ b/app/assets/stylesheets/common/components/theme-card.scss
@@ -133,6 +133,7 @@
     display: flex;
     gap: 0.5rem;
     align-items: center;
+    overflow-wrap: anywhere;
   }
 
   &__description {