diff --git a/src/components/RepoLink.tsx b/src/components/RepoLink.tsx
index a7d2b918..6aa86c31 100644
--- a/src/components/RepoLink.tsx
+++ b/src/components/RepoLink.tsx
@@ -14,6 +14,7 @@ export default function RepoLink() {
         className={cc(
           'flex items-center gap-1',
           'text-black dark:text-white',
+          'hover:underline',
         )}
       >
         <BiLogoGithub className="translate-y-[1px]" />
diff --git a/src/photo/PhotoOGTile.tsx b/src/photo/PhotoOGTile.tsx
index 754dfc84..8dfeef5c 100644
--- a/src/photo/PhotoOGTile.tsx
+++ b/src/photo/PhotoOGTile.tsx
@@ -49,6 +49,7 @@ export default function PhotoOGTile({
       key={photo.id}
       href={routeForPhoto(photo)}
       className={cc(
+        'group',
         'block w-full rounded-md overflow-hidden',
         'border shadow-sm',
         'border-gray-200 dark:border-gray-800',
@@ -112,6 +113,7 @@ export default function PhotoOGTile({
         'flex flex-col gap-1 p-3',
         'font-sans leading-none',
         'bg-gray-50 dark:bg-gray-900/50',
+        'group-active:bg-gray-100 group-active:dark:bg-black',
         'border-t border-gray-200 dark:border-gray-800',
       )}>
         <div className="text-gray-800 dark:text-white font-medium">
diff --git a/src/site/globals.css b/src/site/globals.css
index 68541075..3a4599c2 100644
--- a/src/site/globals.css
+++ b/src/site/globals.css
@@ -9,10 +9,6 @@
       bg-white dark:bg-black
      text-gray-900 dark:text-gray-100
   }
-  a {
-    @apply
-      hover:underline
-  }
   label {
     @apply
       font-sans font-medium block uppercase text-xs