diff --git a/apps/hash-frontend/src/pages/shared/gray-to-blue-icon-button.tsx b/apps/hash-frontend/src/pages/shared/gray-to-blue-icon-button.tsx
index a1a8df04fa3..f4e7084575b 100644
--- a/apps/hash-frontend/src/pages/shared/gray-to-blue-icon-button.tsx
+++ b/apps/hash-frontend/src/pages/shared/gray-to-blue-icon-button.tsx
@@ -24,6 +24,14 @@ export const GrayToBlueIconButton = ({ sx, ...props }: IconButtonProps) => {
             border: `1px solid ${palette.blue[25]}`,
             color: "blue.70",
           },
+          '&[aria-pressed="true"]': {
+            background: palette.blue[20],
+            border: `1px solid ${palette.blue[30]}`,
+            color: palette.blue[70],
+            "&:hover": {
+              background: palette.blue[30],
+            },
+          },
           "& svg": {
             fontSize: 13,
           },