diff --git a/web/src/lib/components/shared-components/search-bar/search-albums-section.svelte b/web/src/lib/components/shared-components/search-bar/search-albums-section.svelte
index cc0d6e7453..a464b046cb 100644
--- a/web/src/lib/components/shared-components/search-bar/search-albums-section.svelte
+++ b/web/src/lib/components/shared-components/search-bar/search-albums-section.svelte
@@ -66,11 +66,11 @@
       {#each sortedSelectedAlbums as albumId (albumId)}
         {@const album = albumMap[albumId]}
         {#if album}
-          <div class="flex group transition-all">
+          <div class="album-chip-container flex group transition-all">
             <span
-              class="inline-block h-min ps-3 pe-1 group-hover:ps-3 py-1 text-center align-baseline leading-none text-gray-100 dark:text-immich-dark-gray bg-immich-primary dark:bg-immich-dark-primary roudned-s-full hover:bg-immich-primary/80 dark:hover:bg-immich-dark-primary/80 transition-all"
+              class="album-chip inline-block h-min whitespace-nowrap ps-3 pe-1 group-hover:ps-3 py-1 text-center align-baseline leading-none text-gray-100 dark:text-immich-dark-gray bg-immich-primary dark:bg-immich-dark-primary roudned-s-full hover:bg-immich-primary/80 dark:hover:bg-immich-dark-primary/80 transition-all"
             >
-              <p class="text-sm">
+              <p class="text-sm album-chip">
                 {album.albumName}
               </p>
             </span>
@@ -89,3 +89,15 @@
     </section>
   </div>
 {/if}
+
+
+<style>
+  .album-chip-container {
+    max-width: 100%;
+  }
+  .album-chip {
+    max-width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+</style>
\ No newline at end of file