diff --git a/frontend/src/components/ShowMoreButton.tsx b/frontend/src/components/ShowMoreButton.tsx
index 617cd03330..54f01a3ff1 100644
--- a/frontend/src/components/ShowMoreButton.tsx
+++ b/frontend/src/components/ShowMoreButton.tsx
@@ -16,7 +16,7 @@ const ShowMoreButton = ({ onToggle }: { onToggle: () => void }) => {
         type="button"
         disableAnimation
         onPress={handleToggle}
-        className="flex items-center bg-transparent px-0 text-blue-400 hover:underline focus:rounded focus:outline-2 focus:outline-offset-2 focus:outline-blue-500"
+        className="flex items-center bg-transparent px-2 py-1 text-blue-400 hover:underline focus-visible:rounded focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-500"
       >
         {isExpanded ? (
           <>