9114: MDOT 508-defect-3 (#17058)

src/applications/disability-benefits/2346/components/IntroductionPage.jsx

@@ -3,6 +3,7 @@ import SaveInProgressIntro from 'platform/forms/save-in-progress/SaveInProgressI
 import React from 'react';
 import formConfig from '../config/form';
 import UnverifiedPrefillAlert from './UnverifiedPrefillAlert';
+import Telephone from '@department-of-veterans-affairs/component-library/Telephone';
 
 const IntroductionPage = props => {
   return (
@@ -48,11 +49,8 @@ const IntroductionPage = props => {
               <p>
                 If you need help ordering hearing aid batteries and accessories,
                 you can call the Denver Logistics Center Customer Service
-                Section at{' '}
-                <a aria-label="3 0 3. 2 7 3. 6 2 0 0." href="tel:303-273-6200">
-                  303-273-6200
-                </a>{' '}
-                or email <a href="mailto:[email protected]">[email protected]</a>.
+                Section at <Telephone contact={'303-273-6200'} /> or email{' '}
+                <a href="mailto:[email protected]">[email protected]</a>.
               </p>
             </li>
             <li className="process-step list-two">
@@ -92,10 +90,8 @@ const IntroductionPage = props => {
               <p>
                 If you have questions about your order, you can call the DLC
                 Customer Service Section at{' '}
-                <a aria-label="3 0 3. 2 7 3. 6 2 0 0." href="tel:303-273-6200">
-                  303-273-6200
-                </a>{' '}
-                or email <a href="mailto:[email protected]">[email protected]</a>.{' '}
+                <Telephone contact={'303-273-6200'} /> or email{' '}
+                <a href="mailto:[email protected]">[email protected]</a>.
               </p>
             </li>
           </ol>