diff --git a/apps/web/res/css/views/dialogs/_SpotlightDialog.pcss b/apps/web/res/css/views/dialogs/_SpotlightDialog.pcss
index 2e92e4d6dd..5e093f53b7 100644
--- a/apps/web/res/css/views/dialogs/_SpotlightDialog.pcss
+++ b/apps/web/res/css/views/dialogs/_SpotlightDialog.pcss
@@ -259,6 +259,12 @@ Please see LICENSE files in the repository root for full details.
                     }
                 }
 
+                .mx_SpotlightDialog_result_name {
+                    min-width: 0;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                }
+
                 > .mx_SpotlightDialog_metaspaceResult,
                 > .mx_DecoratedRoomAvatar,
                 > .mx_BaseAvatar {
diff --git a/apps/web/src/components/views/dialogs/spotlight/SpotlightDialog.tsx b/apps/web/src/components/views/dialogs/spotlight/SpotlightDialog.tsx
index f1441d40b4..b987e04aea 100644
--- a/apps/web/src/components/views/dialogs/spotlight/SpotlightDialog.tsx
+++ b/apps/web/src/components/views/dialogs/spotlight/SpotlightDialog.tsx
@@ -664,7 +664,9 @@ const SpotlightDialog: React.FC<IProps> = ({ initialText = "", initialFilter = n
                         {...ariaProperties}
                     >
                         <DecoratedRoomAvatar room={result.room} size={AVATAR_SIZE} tooltipProps={{ tabIndex: -1 }} />
-                        {result.room.name}
+                        <span className="mx_SpotlightDialog_result_name" title={result.room.name}>
+                            {result.room.name}
+                        </span>
                         <NotificationBadge notification={notification} />
                         <RoomContextDetails
                             id={`mx_SpotlightDialog_button_result_${result.room.roomId}_details`}
@@ -689,7 +691,14 @@ const SpotlightDialog: React.FC<IProps> = ({ initialText = "", initialFilter = n
                         aria-describedby={`mx_SpotlightDialog_button_result_${result.member.userId}_details`}
                     >
                         <SearchResultAvatar user={result.member} size={AVATAR_SIZE} />
-                        {result.member instanceof RoomMember ? result.member.rawDisplayName : result.member.name}
+                        <span
+                            className="mx_SpotlightDialog_result_name"
+                            title={
+                                result.member instanceof RoomMember ? result.member.rawDisplayName : result.member.name
+                            }
+                        >
+                            {result.member instanceof RoomMember ? result.member.rawDisplayName : result.member.name}
+                        </span>
                         <div
                             id={`mx_SpotlightDialog_button_result_${result.member.userId}_details`}
                             className="mx_SpotlightDialog_result_details"