diff --git a/packages/paste-icons/src/LogoPasteIcon.tsx b/packages/paste-icons/src/LogoPasteIcon.tsx
index a871a9b530..4aa92e1199 100644
--- a/packages/paste-icons/src/LogoPasteIcon.tsx
+++ b/packages/paste-icons/src/LogoPasteIcon.tsx
@@ -1,11 +1,11 @@
+import { useUID } from "@twilio-paste/uid-library";
 /**
  * This file was automatically generated with @twilio-labs/svg-to-react
  */
-import * as React from 'react';
-import {useUID} from '@twilio-paste/uid-library';
+import * as React from "react";
 
-import {IconWrapper} from './helpers/IconWrapper';
-import type {IconWrapperProps} from './helpers/IconWrapper';
+import { IconWrapper } from "./helpers/IconWrapper";
+import type { IconWrapperProps } from "./helpers/IconWrapper";
 
 export interface LogoPasteIconProps extends IconWrapperProps {
   title?: string;
@@ -13,11 +13,11 @@ export interface LogoPasteIconProps extends IconWrapperProps {
 }
 
 const LogoPasteIcon = React.forwardRef<HTMLElement, LogoPasteIconProps>(
-  ({as, display, element = 'ICON', size, color, title, decorative}, ref) => {
+  ({ as, display, element = "ICON", size, color, title, decorative }, ref) => {
     const titleId = `LogoPasteIcon-${useUID()}`;
 
     if (!decorative && title == null) {
-      throw new Error('[LogoPasteIcon]: Missing a title for non-decorative icon.');
+      throw new Error("[LogoPasteIcon]: Missing a title for non-decorative icon.");
     }
 
     return (
@@ -42,8 +42,8 @@ const LogoPasteIcon = React.forwardRef<HTMLElement, LogoPasteIconProps>(
         </svg>
       </IconWrapper>
     );
-  }
+  },
 );
 
-LogoPasteIcon.displayName = 'LogoPasteIcon';
-export {LogoPasteIcon};
+LogoPasteIcon.displayName = "LogoPasteIcon";
+export { LogoPasteIcon };
diff --git a/packages/paste-website/src/components/homepage/Accessibility.tsx b/packages/paste-website/src/components/homepage/Accessibility.tsx
index 48035e948a..8750983fec 100644
--- a/packages/paste-website/src/components/homepage/Accessibility.tsx
+++ b/packages/paste-website/src/components/homepage/Accessibility.tsx
@@ -6,7 +6,6 @@ import { Heading } from "@twilio-paste/heading";
 import { ArrowForwardIcon } from "@twilio-paste/icons/esm/ArrowForwardIcon";
 import { ListItem, UnorderedList } from "@twilio-paste/list";
 import {
-  Modal,
   ModalBody,
   ModalContext,
   ModalDialogContent,
@@ -28,7 +27,7 @@ const Accessibility: React.FC = (): React.ReactElement => {
   const selectedTabId = useUID();
   const [modalIsOpen, setModalIsOpen] = React.useState(true);
   const onDismiss = (): void => setModalIsOpen(false);
-  const onOpenModal = (): void => setModalIsOpen(true);
+  const onOpenModal = (): void => setModalIsOpen(!modalIsOpen);
   const modalHeadingID = useUID();
 
   return (
@@ -97,7 +96,7 @@ const Accessibility: React.FC = (): React.ReactElement => {
                             <Button variant="secondary" onClick={onDismiss}>
                               Cancel
                             </Button>
-                            <Button variant="primary" onClick={onDismiss}>
+                            <Button variant="primary" onClick={onOpenModal}>
                               Next
                               <ArrowForwardIcon decorative />
                             </Button>