diff --git a/widgets-samples/cc/samples-cc-react-app/src/App.tsx b/widgets-samples/cc/samples-cc-react-app/src/App.tsx
index 38f2d975d..fb9928a24 100644
--- a/widgets-samples/cc/samples-cc-react-app/src/App.tsx
+++ b/widgets-samples/cc/samples-cc-react-app/src/App.tsx
@@ -500,7 +500,7 @@ function App() {
       >
         <IconProvider iconSet="momentum-icons">
           <div className="webexTheme">
-            <h1>Contact Center Widgets in a React app</h1>
+            <h1>Contact Center Widgets in a React App</h1>
             {showLoader && (
               <div className="profile-loader-overlay">
                 <div className="profile-loader-spinner" aria-label="Loading" />
@@ -513,8 +513,8 @@ function App() {
                   <Icon name="check-circle-bold" />
                 </div>
                 <div className="toast-content">
-                  <div className="toast-title">Interaction preferences changes</div>
-                  <div>Your interaction preference is updated</div>
+                  <div className="toast-title">Interaction Preferences Changes</div>
+                  <div>Your Interaction Preference Is Updated</div>
                 </div>
                 <Button
                   size={32}
@@ -555,7 +555,7 @@ function App() {
                   <div className="accessTokenTheme" style={{marginTop: '15px'}}>
                     {loginType === 'token' && (
                       <div>
-                        <span>Your access token: </span>
+                        <span>Your Access Token: </span>
                         <input type="text" value={accessToken} onChange={(e) => setAccessToken(e.target.value)} />
                       </div>
                     )}