diff --git a/src/components/site/SiteHome.tsx b/src/components/site/SiteHome.tsx
index 5920f0cf..cfc42a19 100644
--- a/src/components/site/SiteHome.tsx
+++ b/src/components/site/SiteHome.tsx
@@ -48,7 +48,7 @@ export const SiteHome: React.FC<{
                 <Link
                   key={post.transactionHash}
                   href={getSlugUrl(`/${post.metadata?.content?.slug}`)}
-                  className="xlog-post sm:hover:bg-hover bg-white transition-all px-5 py-7 -mx-5 first:-mt-5 sm:rounded-xl flex flex-col sm:flex-row items-center"
+                  className="xlog-post focus-visible:outline focus-visible:outline-accent sm:hover:bg-hover bg-white transition-colors px-5 py-7 -mx-5 first:-mt-5 sm:rounded-xl flex flex-col sm:flex-row items-center"
                   suppressHydrationWarning
                 >
                   <div className="flex-1 flex justify-center flex-col w-full min-w-0">