diff --git a/src/lib/seam/components/AccessCodeTable/AccessCodeMainIcon.tsx b/src/lib/seam/components/AccessCodeTable/AccessCodeMainIcon.tsx
index 21c6de5a6..eb7ebce21 100644
--- a/src/lib/seam/components/AccessCodeTable/AccessCodeMainIcon.tsx
+++ b/src/lib/seam/components/AccessCodeTable/AccessCodeMainIcon.tsx
@@ -31,7 +31,7 @@ export function AccessCodeMainIcon({
           <ExclamationCircleOutlineIcon />
         </div>
         <div className='seam-invisible seam-md-flex'>
-          <AccessCodeKeyIcon />
+          <KeyIcon />
         </div>
       </>
     )
@@ -47,7 +47,7 @@ export function AccessCodeMainIcon({
           <TriangleWarningOutlineIcon />
         </div>
         <div className='seam-invisible seam-md-flex'>
-          <AccessCodeKeyIcon />
+          <KeyIcon />
         </div>
       </>
     )
@@ -55,11 +55,15 @@ export function AccessCodeMainIcon({
 
   return (
     <div className='seam-issue-icon-wrap'>
-      <AccessCodeKeyIcon />
+      <KeyIcon />
     </div>
   )
 }
 
+function KeyIcon(): JSX.Element {
+  return <AccessCodeKeyIcon style={{ fontSize: '24px' }} />
+}
+
 const t = {
   codeIssue: 'code issue',
   codeIssues: 'code issues',