diff --git a/src/rest/components/RestAuth.tsx b/src/rest/components/RestAuth.tsx
index 0eeeb63ddb08..157d03f60922 100644
--- a/src/rest/components/RestAuth.tsx
+++ b/src/rest/components/RestAuth.tsx
@@ -32,7 +32,7 @@ export function RestAuth({ progAccess, slug, operationTitle }: Props) {
   // For those operations, we shouldn't display this component
   if (!progAccess) return null
   const { userToServerRest, serverToServer, fineGrainedPat, basicAuth = false } = progAccess
-  const noFineGrainedAcccess = !(userToServerRest || serverToServer || fineGrainedPat)
+  const noFineGrainedAccess = !(userToServerRest || serverToServer || fineGrainedPat)
 
   const heading = basicAuth ? t('basic_auth_heading') : t('fine_grained_access')
   const headingId = heading.replace('{{ RESTOperationTitle }}', operationTitle)
@@ -45,7 +45,7 @@ export function RestAuth({ progAccess, slug, operationTitle }: Props) {
       <h3 className="mt-4 mb-3 pt-3 h4" id={authSlug}>
         <a href={`#${authSlug}`}>{headingId}</a>
       </h3>
-      {noFineGrainedAcccess ? (
+      {noFineGrainedAccess ? (
         <NoFineGrainedAccess basicAuth={basicAuth} />
       ) : (
         <FineGrainedAccess progAccess={progAccess} />