diff --git a/packages/web/components/patterns/ArticleSubtitle.tsx b/packages/web/components/patterns/ArticleSubtitle.tsx
index 96fe5e15e..007a3edf4 100644
--- a/packages/web/components/patterns/ArticleSubtitle.tsx
+++ b/packages/web/components/patterns/ArticleSubtitle.tsx
@@ -54,7 +54,7 @@ export function authoredByText(author: string): string {
   return `by ${removeHTMLTags(author)}`
 }
 
-function removeHTMLTags(str: string | null | undefined): string {
+export function removeHTMLTags(str: string | null | undefined): string {
   if (typeof str === 'string') {
     return str.replace(/(<([^>]+)>)/gi, '')
   } else {
diff --git a/packages/web/components/patterns/LibraryCards/LibraryGridCard.tsx b/packages/web/components/patterns/LibraryCards/LibraryGridCard.tsx
index 046b29f92..989283e4a 100644
--- a/packages/web/components/patterns/LibraryCards/LibraryGridCard.tsx
+++ b/packages/web/components/patterns/LibraryCards/LibraryGridCard.tsx
@@ -1,7 +1,7 @@
 import { Box, VStack, HStack, SpanBox } from '../../elements/LayoutPrimitives'
 import { CoverImage } from '../../elements/CoverImage'
 import { StyledText } from '../../elements/StyledText'
-import { authoredByText } from '../ArticleSubtitle'
+import { removeHTMLTags } from '../ArticleSubtitle'
 import { MoreOptionsIcon } from '../../elements/images/MoreOptionsIcon'
 import { theme } from '../../tokens/stitches.config'
 import { CardMenu } from '../CardMenu'
@@ -13,7 +13,7 @@ export function LibraryGridCard(props: LinkedItemCardProps): JSX.Element {
   return (
     <VStack
       css={{
-        p: '12px', 
+        p: '12px',
         height: '100%',
         width: '100%',
         maxWidth: '100%',
@@ -88,14 +88,26 @@ export function LibraryGridCard(props: LinkedItemCardProps): JSX.Element {
           </Box>
         </HStack>
         <HStack alignment="start" distribution="between">
-          <StyledText style="caption" css={{ my: '0', mt: '-$2' }}>
+          <StyledText style="caption" css={{ mt: '-5px', fontWeight: '500' }}>
             {props.item.author && (
               <SpanBox css={{ mr: '8px' }}>
-                {authoredByText(props.item.author)}
+                {removeHTMLTags(props.item.author)} author
               </SpanBox>
             )}
-            <SpanBox css={{ textDecorationLine: 'underline' }}>
-              {props.originText}
+            <Box
+              css={{
+                height: '4px',
+                width: '4px',
+                borderRadius: '50%',
+                display:'inline-block',
+                background: 'var(--colors-graySolid)',
+                margin: '1px'
+              }}
+            ></Box>
+            <SpanBox
+              css={{ color: 'var(--colors-graySolid)' }}
+            >
+              {props.originText} origin
             </SpanBox>
           </StyledText>
         </HStack>
@@ -132,7 +144,6 @@ export function LibraryGridCard(props: LinkedItemCardProps): JSX.Element {
         >
           {props.item.description}
         </StyledText>
-
       </HStack>
       <Box css={{ display: 'block', py: '12px' }}>
         {props.item.labels?.map(({ name, color }, index) => (
@@ -140,13 +151,13 @@ export function LibraryGridCard(props: LinkedItemCardProps): JSX.Element {
         ))}
       </Box>
       <ProgressBar
-          fillPercentage={props.item.readingProgressPercent}
-          fillColor={theme.colors.highlight.toString()}
-          backgroundColor={theme.colors.lightBorder.toString()}
-          borderRadius={
-            props.item.readingProgressPercent === 100 ? '0' : '0px 8px 8px 0px'
-          }
-        />
+        fillPercentage={props.item.readingProgressPercent}
+        fillColor={theme.colors.highlight.toString()}
+        backgroundColor={theme.colors.lightBorder.toString()}
+        borderRadius={
+          props.item.readingProgressPercent === 100 ? '0' : '0px 8px 8px 0px'
+        }
+      />
     </VStack>
   )
 }