diff --git a/src/views/car/explore.tsx b/src/views/car/explore.tsx
index d7605fb..7b4d800 100644
--- a/src/views/car/explore.tsx
+++ b/src/views/car/explore.tsx
@@ -531,7 +531,7 @@ const CollectionSubview = (props: {
                     }}
                     class="flex w-full items-baseline gap-1 text-left"
                   >
-                    <span class="shrink-0 text-sm text-blue-500 dark:text-blue-400">
+                    <span class="max-w-full shrink-0 truncate text-sm text-blue-500 dark:text-blue-400">
                       {entry.key}
                     </span>
                     <span class="truncate text-xs text-neutral-500 dark:text-neutral-400" dir="rtl">
diff --git a/src/views/stream/index.tsx b/src/views/stream/index.tsx
index d6c2b31..8816462 100644
--- a/src/views/stream/index.tsx
+++ b/src/views/stream/index.tsx
@@ -62,7 +62,7 @@ const StreamRecordItem = (props: { record: any; streamType: StreamType }) => {
                 </span>
               </Show>
               <Show when={info().rkey}>
-                <span class="shrink-0 text-neutral-400 dark:text-neutral-500">{info().rkey}</span>
+                <span class="truncate text-neutral-400 dark:text-neutral-500">{info().rkey}</span>
               </Show>
             </div>
             <div class="flex flex-col gap-x-2 gap-y-0.5 text-xs text-neutral-500 sm:flex-row sm:items-center dark:text-neutral-400">