diff --git a/packages/react/test-app/src/pages/overlay-components/ModalComponent.tsx b/packages/react/test-app/src/pages/overlay-components/ModalComponent.tsx
index 01c271ba89..c513df176d 100644
--- a/packages/react/test-app/src/pages/overlay-components/ModalComponent.tsx
+++ b/packages/react/test-app/src/pages/overlay-components/ModalComponent.tsx
@@ -51,7 +51,7 @@ const ModalComponent: React.FC = () => {
     <MyContext.Provider value={{ value: 'overriden value' }}>
       <IonPage>
         <IonContent fullscreen>
-          <IonModal isOpen={show} cssClass="my-class" onDidDismiss={() => setShow(false)}>
+          <IonModal isOpen={show} className="my-class" onDidDismiss={() => setShow(false)}>
             <Body
               count={count}
               onDismiss={() => setShow(false)}
