diff --git a/packages/web/components/elements/Button.tsx b/packages/web/components/elements/Button.tsx
index 1870ef9ce..313f5fff5 100644
--- a/packages/web/components/elements/Button.tsx
+++ b/packages/web/components/elements/Button.tsx
@@ -32,7 +32,6 @@ export const Button = styled('button', {
           bg: '$omnivoreCtaYellow',
         },
         '&:focus': {
-          outline: 'none !important',
           border: '1px solid $omnivoreCtaYellow',
         },
       },
diff --git a/packages/web/components/patterns/LibraryCards/LibraryGridCard.tsx b/packages/web/components/patterns/LibraryCards/LibraryGridCard.tsx
index dab543b99..8a94350f2 100644
--- a/packages/web/components/patterns/LibraryCards/LibraryGridCard.tsx
+++ b/packages/web/components/patterns/LibraryCards/LibraryGridCard.tsx
@@ -96,6 +96,7 @@ export function LibraryGridCard(props: LinkedItemCardProps): JSX.Element {
         <a
           href={`${props.viewer.profile.username}/${props.item.slug}`}
           style={{ textDecoration: 'unset', width: '100%', height: '100%' }}
+          tabIndex={-1}
         >
           <HStack
             css={{
diff --git a/packages/web/components/patterns/LibraryCards/LibraryListCard.tsx b/packages/web/components/patterns/LibraryCards/LibraryListCard.tsx
index 742114b5d..af798cee2 100644
--- a/packages/web/components/patterns/LibraryCards/LibraryListCard.tsx
+++ b/packages/web/components/patterns/LibraryCards/LibraryListCard.tsx
@@ -66,6 +66,7 @@ export function LibraryListCard(props: LinkedItemCardProps): JSX.Element {
         <a
           href={`${props.viewer.profile.username}/${props.item.slug}`}
           style={{ textDecoration: 'unset', width: '100%', height: '100%' }}
+          tabIndex={-1}
         >
           <HStack css={MetaStyle} distribution="start">
             <LibraryItemMetadata item={props.item} showProgress={true} />
diff --git a/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx b/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx
index 8d4969468..cce0f2be7 100644
--- a/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx
+++ b/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx
@@ -932,11 +932,16 @@ function LibraryItems(props: LibraryItemsProps): JSX.Element {
           key={linkedItem.node.id}
           css={{
             width: '100%',
+            '&:focus-visible': {
+              outline: 'none',
+            },
             '&> div': {
               bg: '$thBackground3',
             },
             '&:focus': {
+              outline: 'none',
               '> div': {
+                outline: 'none',
                 bg: '$thBackgroundActive',
               },
             },
diff --git a/packages/web/components/tokens/stitches.config.ts b/packages/web/components/tokens/stitches.config.ts
index b2b69dffb..1aa21caca 100644
--- a/packages/web/components/tokens/stitches.config.ts
+++ b/packages/web/components/tokens/stitches.config.ts
@@ -336,14 +336,6 @@ export const globalStyles = globalCss({
     colorScheme: 'var(--colorScheme-colorScheme)',
     backgroundColor: '$thBackground',
   },
-  '*': {
-    '&:focus': {
-      outline: 'none',
-    },
-    '&:focus-visible': {
-      outline: 'none',
-    },
-  },
   // browser prefers this loaded here vs in the article styling css
   '.article-inner-css': {
     '::selection': {