diff --git a/apps/readest-app/src/app/opds/components/CatalogManager.tsx b/apps/readest-app/src/app/opds/components/CatalogManager.tsx
index 059538b3..0d5c450c 100644
--- a/apps/readest-app/src/app/opds/components/CatalogManager.tsx
+++ b/apps/readest-app/src/app/opds/components/CatalogManager.tsx
@@ -314,9 +314,9 @@ 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 line-clamp-1 text-sm'>
-                          {catalog.icon && <span className=''>{catalog.icon}</span>}
-                          {catalog.name}
+                        <h3 className='card-title text-sm'>
+                          {catalog.icon && <span>{catalog.icon}</span>}
+                          <span className='line-clamp-1'>{catalog.name}</span>
                         </h3>
                         <div className='flex gap-1'>
                           <button
@@ -434,7 +434,7 @@ export function CatalogManager() {
                 >
                   <div className='card-body p-4'>
                     <h3 className='card-title mb-1 text-sm'>
-                      {catalog.icon && <span className=''>{catalog.icon}</span>}
+                      {catalog.icon && <span>{catalog.icon}</span>}
                       {catalog.name}
                     </h3>
                     {catalog.description && (