diff --git a/packages/web/components/patterns/LibraryCards/LibraryCardStyles.tsx b/packages/web/components/patterns/LibraryCards/LibraryCardStyles.tsx
index cd4fec66c..990b789a8 100644
--- a/packages/web/components/patterns/LibraryCards/LibraryCardStyles.tsx
+++ b/packages/web/components/patterns/LibraryCards/LibraryCardStyles.tsx
@@ -70,14 +70,16 @@ export const DescriptionStyle = {
 
 export const AuthorInfoStyle = {
   maxLines: '1',
-  textOverflow: 'ellipsis',
-  whiteSpace: 'nowrap',
   maxWidth: '240px',
   color: '$thNotebookSubtle',
   fontSize: '12px',
   fontWeight: '400',
   fontFamily: '$display',
   lineHeight: '1',
+  wordWrap: 'break-word',
+  whiteSpace: 'nowrap',
+  overflow: 'hidden',
+  textOverflow: 'ellipsis',
 }
 
 export const timeAgo = (date: string | undefined): string => {
diff --git a/packages/web/components/patterns/LibraryCards/LibraryGridCard.tsx b/packages/web/components/patterns/LibraryCards/LibraryGridCard.tsx
index 8da73a814..d5f3b3158 100644
--- a/packages/web/components/patterns/LibraryCards/LibraryGridCard.tsx
+++ b/packages/web/components/patterns/LibraryCards/LibraryGridCard.tsx
@@ -249,7 +249,7 @@ const LibraryGridCardContent = (props: LinkedItemCardProps): JSX.Element => {
         >
           {props.item.author}
           {props.item.author && originText && ' | '}
-          <SpanBox css={{ textDecoration: 'underline' }}>{originText}</SpanBox>
+          {originText}
         </SpanBox>
 
         <HStack
diff --git a/packages/web/components/patterns/LibraryCards/LibraryListCard.tsx b/packages/web/components/patterns/LibraryCards/LibraryListCard.tsx
index 42116de43..e804c55d4 100644
--- a/packages/web/components/patterns/LibraryCards/LibraryListCard.tsx
+++ b/packages/web/components/patterns/LibraryCards/LibraryListCard.tsx
@@ -279,19 +279,16 @@ export function LibraryListCardContent(
           <LibraryItemMetadata item={props.item} showProgress={true} />
         </HStack>
 
-        <Box css={{ ...TitleStyle, width: '80%' }}>{props.item.title}</Box>
+        <Box css={{ ...TitleStyle }}>{props.item.title}</Box>
         {(props.item.author?.length ?? 0 + originText.length) > 0 && (
           <SpanBox
             css={{
               ...AuthorInfoStyle,
-              maxWidth: '90%',
             }}
           >
             {props.item.author}
             {props.item.author && originText && ' | '}
-            <SpanBox css={{ textDecoration: 'underline' }}>
-              {originText}
-            </SpanBox>
+            {originText}
           </SpanBox>
         )}