diff --git a/apps/readest-app/src/app/opds/components/CatelogManager.tsx b/apps/readest-app/src/app/opds/components/CatelogManager.tsx
index e655f7a1..8c9acb2e 100644
--- a/apps/readest-app/src/app/opds/components/CatelogManager.tsx
+++ b/apps/readest-app/src/app/opds/components/CatelogManager.tsx
@@ -191,7 +191,7 @@ export function CatalogManager() {
                   <div className='flex items-center justify-between'>
                     <div className='min-w-0 flex-1'>
                       <div className='mb-1 flex items-center justify-between'>
-                        <h3 className='card-title truncate text-sm'>
+                        <h3 className='card-title line-clamp-1 text-sm'>
                           {catalog.icon && <span className=''>{catalog.icon}</span>}
                           {catalog.name}
                         </h3>
@@ -208,7 +208,7 @@ export function CatalogManager() {
                           {catalog.description}
                         </p>
                       )}
-                      <p className='text-base-content/50 truncate text-xs'>{catalog.url}</p>
+                      <p className='text-base-content/50 line-clamp-1 text-xs'>{catalog.url}</p>
                       {catalog.username && (
                         <p className='text-base-content/50 mt-1 text-xs'>
                           {_('Username')}: {catalog.username}