diff --git a/src/plugins/data_source_management/public/components/create_button/__snapshots__/create_button.test.tsx.snap b/src/plugins/data_source_management/public/components/create_button/__snapshots__/create_button.test.tsx.snap
index ce57668cd417..f0e2965c6678 100644
--- a/src/plugins/data_source_management/public/components/create_button/__snapshots__/create_button.test.tsx.snap
+++ b/src/plugins/data_source_management/public/components/create_button/__snapshots__/create_button.test.tsx.snap
@@ -6,6 +6,10 @@ exports[`CreateButton should render normally 1`] = `
   fill={true}
   onClick={[Function]}
 >
-  Create data source connection
+  <FormattedMessage
+    defaultMessage="Create data source connection"
+    id="dataSourcesManagement.dataSourceListing.createButton"
+    values={Object {}}
+  />
 </EuiButton>
 `;
diff --git a/src/plugins/data_source_management/public/components/create_button/create_button.tsx b/src/plugins/data_source_management/public/components/create_button/create_button.tsx
index b02d3716cbf5..072eb8af6029 100644
--- a/src/plugins/data_source_management/public/components/create_button/create_button.tsx
+++ b/src/plugins/data_source_management/public/components/create_button/create_button.tsx
@@ -7,7 +7,7 @@ import React from 'react';
 import { History } from 'history';
 
 import { EuiButton } from '@elastic/eui';
-import { CREATE_DATA_SOURCE_BUTTON_TEXT } from '../text_content';
+import { FormattedMessage } from '@osd/i18n/react';
 
 interface Props {
   history: History;
@@ -20,7 +20,10 @@ export const CreateButton = ({ history }: Props) => {
       fill={true}
       onClick={() => history.push('/create')}
     >
-      {CREATE_DATA_SOURCE_BUTTON_TEXT}
+      <FormattedMessage
+        id="dataSourcesManagement.dataSourceListing.createButton"
+        defaultMessage="Create data source connection"
+      />
     </EuiButton>
   );
 };
diff --git a/src/plugins/data_source_management/public/components/create_data_source_wizard/__snapshots__/create_data_source_wizard.test.tsx.snap b/src/plugins/data_source_management/public/components/create_data_source_wizard/__snapshots__/create_data_source_wizard.test.tsx.snap
index 16215de8d86a..a791be3adcd6 100644
--- a/src/plugins/data_source_management/public/components/create_data_source_wizard/__snapshots__/create_data_source_wizard.test.tsx.snap
+++ b/src/plugins/data_source_management/public/components/create_data_source_wizard/__snapshots__/create_data_source_wizard.test.tsx.snap
@@ -70,7 +70,15 @@ exports[`Datasource Management: Create Datasource Wizard should render normally
                             className="euiTitle euiTitle--medium"
                             data-test-subj="createDataSourceHeader"
                           >
-                            Create data source connection
+                            <FormattedMessage
+                              defaultMessage="Create data source connection"
+                              id="dataSourcesManagement.createDataSourceHeader"
+                              values={Object {}}
+                            >
+                              <span>
+                                Create data source connection
+                              </span>
+                            </FormattedMessage>
                           </h1>
                         </EuiTitle>
                         <EuiSpacer
@@ -228,7 +236,11 @@ exports[`Datasource Management: Create Datasource Wizard should render normally
                   hasEmptyLabelSpace={false}
                   label={
                     <React.Fragment>
-                      Description
+                      <FormattedMessage
+                        defaultMessage="Description"
+                        id="dataSourceManagement.createDataSource.description"
+                        values={Object {}}
+                      />
                        
                       <i
                         style={
@@ -237,8 +249,13 @@ exports[`Datasource Management: Create Datasource Wizard should render normally
                           }
                         }
                       >
-                        - 
-                        optional
+                        -
+                         
+                        <FormattedMessage
+                          defaultMessage="optional"
+                          id="dataSourcesManagement.createDataSource.optionalText"
+                          values={Object {}}
+                        />
                       </i>
                     </React.Fragment>
                   }
@@ -261,7 +278,15 @@ exports[`Datasource Management: Create Datasource Wizard should render normally
                           className="euiFormLabel euiFormRow__label"
                           htmlFor="generated-id"
                         >
-                          Description
+                          <FormattedMessage
+                            defaultMessage="Description"
+                            id="dataSourceManagement.createDataSource.description"
+                            values={Object {}}
+                          >
+                            <span>
+                              Description
+                            </span>
+                          </FormattedMessage>
                            
                           <i
                             style={
@@ -270,8 +295,17 @@ exports[`Datasource Management: Create Datasource Wizard should render normally
                               }
                             }
                           >
-                            - 
-                            optional
+                            -
+                             
+                            <FormattedMessage
+                              defaultMessage="optional"
+                              id="dataSourcesManagement.createDataSource.optionalText"
+                              values={Object {}}
+                            >
+                              <span>
+                                optional
+                              </span>
+                            </FormattedMessage>
                           </i>
                         </label>
                       </EuiFormLabel>
@@ -463,9 +497,25 @@ exports[`Datasource Management: Create Datasource Wizard should render normally
                           onBlur={[Function]}
                           onFocus={[Function]}
                         >
-                          Provide authentication details require to gain access to the endpoint. If no authentication is required, choose 
+                          <FormattedMessage
+                            defaultMessage="Provide authentication details require to gain access to the endpoint. If no authentication is required, choose "
+                            id="dataSourcesManagement.createDataSource.authenticationMethodDescription"
+                            values={Object {}}
+                          >
+                            <span>
+                              Provide authentication details require to gain access to the endpoint. If no authentication is required, choose 
+                            </span>
+                          </FormattedMessage>
                           <b>
-                            No authentication
+                            <FormattedMessage
+                              defaultMessage="No authentication"
+                              id="dataSourcesManagement.createDataSource.noAuthentication"
+                              values={Object {}}
+                            >
+                              <span>
+                                No authentication
+                              </span>
+                            </FormattedMessage>
                           </b>
                         </div>
                       </EuiText>
@@ -880,7 +930,15 @@ exports[`Datasource Management: Create Datasource Wizard should render normally
                           <span
                             className="euiButton__text"
                           >
-                            Create data source connection
+                            <FormattedMessage
+                              defaultMessage="Create data source connection"
+                              id="dataSourcesManagement.createDataSource.createButton"
+                              values={Object {}}
+                            >
+                              <span>
+                                Create data source connection
+                              </span>
+                            </FormattedMessage>
                           </span>
                         </span>
                       </EuiButtonContent>
diff --git a/src/plugins/data_source_management/public/components/create_data_source_wizard/components/create_form/__snapshots__/create_data_source_form.test.tsx.snap b/src/plugins/data_source_management/public/components/create_data_source_wizard/components/create_form/__snapshots__/create_data_source_form.test.tsx.snap
index 8549619e7d71..979e2dafab4b 100644
--- a/src/plugins/data_source_management/public/components/create_data_source_wizard/components/create_form/__snapshots__/create_data_source_form.test.tsx.snap
+++ b/src/plugins/data_source_management/public/components/create_data_source_wizard/components/create_form/__snapshots__/create_data_source_form.test.tsx.snap
@@ -94,7 +94,15 @@ exports[`Datasource Management: Create Datasource form should create data source
                           className="euiTitle euiTitle--medium"
                           data-test-subj="createDataSourceHeader"
                         >
-                          Create data source connection
+                          <FormattedMessage
+                            defaultMessage="Create data source connection"
+                            id="dataSourcesManagement.createDataSourceHeader"
+                            values={Object {}}
+                          >
+                            <span>
+                              Create data source connection
+                            </span>
+                          </FormattedMessage>
                         </h1>
                       </EuiTitle>
                       <EuiSpacer
@@ -252,7 +260,11 @@ exports[`Datasource Management: Create Datasource form should create data source
                 hasEmptyLabelSpace={false}
                 label={
                   <React.Fragment>
-                    Description
+                    <FormattedMessage
+                      defaultMessage="Description"
+                      id="dataSourceManagement.createDataSource.description"
+                      values={Object {}}
+                    />
                      
                     <i
                       style={
@@ -261,8 +273,13 @@ exports[`Datasource Management: Create Datasource form should create data source
                         }
                       }
                     >
-                      - 
-                      optional
+                      -
+                       
+                      <FormattedMessage
+                        defaultMessage="optional"
+                        id="dataSourcesManagement.createDataSource.optionalText"
+                        values={Object {}}
+                      />
                     </i>
                   </React.Fragment>
                 }
@@ -285,7 +302,15 @@ exports[`Datasource Management: Create Datasource form should create data source
                         className="euiFormLabel euiFormRow__label"
                         htmlFor="generated-id"
                       >
-                        Description
+                        <FormattedMessage
+                          defaultMessage="Description"
+                          id="dataSourceManagement.createDataSource.description"
+                          values={Object {}}
+                        >
+                          <span>
+                            Description
+                          </span>
+                        </FormattedMessage>
                          
                         <i
                           style={
@@ -294,8 +319,17 @@ exports[`Datasource Management: Create Datasource form should create data source
                             }
                           }
                         >
-                          - 
-                          optional
+                          -
+                           
+                          <FormattedMessage
+                            defaultMessage="optional"
+                            id="dataSourcesManagement.createDataSource.optionalText"
+                            values={Object {}}
+                          >
+                            <span>
+                              optional
+                            </span>
+                          </FormattedMessage>
                         </i>
                       </label>
                     </EuiFormLabel>
@@ -487,9 +521,25 @@ exports[`Datasource Management: Create Datasource form should create data source
                         onBlur={[Function]}
                         onFocus={[Function]}
                       >
-                        Provide authentication details require to gain access to the endpoint. If no authentication is required, choose 
+                        <FormattedMessage
+                          defaultMessage="Provide authentication details require to gain access to the endpoint. If no authentication is required, choose "
+                          id="dataSourcesManagement.createDataSource.authenticationMethodDescription"
+                          values={Object {}}
+                        >
+                          <span>
+                            Provide authentication details require to gain access to the endpoint. If no authentication is required, choose 
+                          </span>
+                        </FormattedMessage>
                         <b>
-                          No authentication
+                          <FormattedMessage
+                            defaultMessage="No authentication"
+                            id="dataSourcesManagement.createDataSource.noAuthentication"
+                            values={Object {}}
+                          >
+                            <span>
+                              No authentication
+                            </span>
+                          </FormattedMessage>
                         </b>
                       </div>
                     </EuiText>
@@ -663,7 +713,15 @@ exports[`Datasource Management: Create Datasource form should create data source
                         <span
                           className="euiButton__text"
                         >
-                          Create data source connection
+                          <FormattedMessage
+                            defaultMessage="Create data source connection"
+                            id="dataSourcesManagement.createDataSource.createButton"
+                            values={Object {}}
+                          >
+                            <span>
+                              Create data source connection
+                            </span>
+                          </FormattedMessage>
                         </span>
                       </span>
                     </EuiButtonContent>
@@ -759,7 +817,15 @@ exports[`Datasource Management: Create Datasource form should create data source
                           className="euiTitle euiTitle--medium"
                           data-test-subj="createDataSourceHeader"
                         >
-                          Create data source connection
+                          <FormattedMessage
+                            defaultMessage="Create data source connection"
+                            id="dataSourcesManagement.createDataSourceHeader"
+                            values={Object {}}
+                          >
+                            <span>
+                              Create data source connection
+                            </span>
+                          </FormattedMessage>
                         </h1>
                       </EuiTitle>
                       <EuiSpacer
@@ -917,7 +983,11 @@ exports[`Datasource Management: Create Datasource form should create data source
                 hasEmptyLabelSpace={false}
                 label={
                   <React.Fragment>
-                    Description
+                    <FormattedMessage
+                      defaultMessage="Description"
+                      id="dataSourceManagement.createDataSource.description"
+                      values={Object {}}
+                    />
                      
                     <i
                       style={
@@ -926,8 +996,13 @@ exports[`Datasource Management: Create Datasource form should create data source
                         }
                       }
                     >
-                      - 
-                      optional
+                      -
+                       
+                      <FormattedMessage
+                        defaultMessage="optional"
+                        id="dataSourcesManagement.createDataSource.optionalText"
+                        values={Object {}}
+                      />
                     </i>
                   </React.Fragment>
                 }
@@ -950,7 +1025,15 @@ exports[`Datasource Management: Create Datasource form should create data source
                         className="euiFormLabel euiFormRow__label"
                         htmlFor="generated-id"
                       >
-                        Description
+                        <FormattedMessage
+                          defaultMessage="Description"
+                          id="dataSourceManagement.createDataSource.description"
+                          values={Object {}}
+                        >
+                          <span>
+                            Description
+                          </span>
+                        </FormattedMessage>
                          
                         <i
                           style={
@@ -959,8 +1042,17 @@ exports[`Datasource Management: Create Datasource form should create data source
                             }
                           }
                         >
-                          - 
-                          optional
+                          -
+                           
+                          <FormattedMessage
+                            defaultMessage="optional"
+                            id="dataSourcesManagement.createDataSource.optionalText"
+                            values={Object {}}
+                          >
+                            <span>
+                              optional
+                            </span>
+                          </FormattedMessage>
                         </i>
                       </label>
                     </EuiFormLabel>
@@ -1152,9 +1244,25 @@ exports[`Datasource Management: Create Datasource form should create data source
                         onBlur={[Function]}
                         onFocus={[Function]}
                       >
-                        Provide authentication details require to gain access to the endpoint. If no authentication is required, choose 
+                        <FormattedMessage
+                          defaultMessage="Provide authentication details require to gain access to the endpoint. If no authentication is required, choose "
+                          id="dataSourcesManagement.createDataSource.authenticationMethodDescription"
+                          values={Object {}}
+                        >
+                          <span>
+                            Provide authentication details require to gain access to the endpoint. If no authentication is required, choose 
+                          </span>
+                        </FormattedMessage>
                         <b>
-                          No authentication
+                          <FormattedMessage
+                            defaultMessage="No authentication"
+                            id="dataSourcesManagement.createDataSource.noAuthentication"
+                            values={Object {}}
+                          >
+                            <span>
+                              No authentication
+                            </span>
+                          </FormattedMessage>
                         </b>
                       </div>
                     </EuiText>
@@ -1569,7 +1677,15 @@ exports[`Datasource Management: Create Datasource form should create data source
                         <span
                           className="euiButton__text"
                         >
-                          Create data source connection
+                          <FormattedMessage
+                            defaultMessage="Create data source connection"
+                            id="dataSourcesManagement.createDataSource.createButton"
+                            values={Object {}}
+                          >
+                            <span>
+                              Create data source connection
+                            </span>
+                          </FormattedMessage>
                         </span>
                       </span>
                     </EuiButtonContent>
@@ -1622,7 +1738,15 @@ exports[`Datasource Management: Create Datasource form should render normally 1`
                           className="euiTitle euiTitle--medium"
                           data-test-subj="createDataSourceHeader"
                         >
-                          Create data source connection
+                          <FormattedMessage
+                            defaultMessage="Create data source connection"
+                            id="dataSourcesManagement.createDataSourceHeader"
+                            values={Object {}}
+                          >
+                            <span>
+                              Create data source connection
+                            </span>
+                          </FormattedMessage>
                         </h1>
                       </EuiTitle>
                       <EuiSpacer
@@ -1780,7 +1904,11 @@ exports[`Datasource Management: Create Datasource form should render normally 1`
                 hasEmptyLabelSpace={false}
                 label={
                   <React.Fragment>
-                    Description
+                    <FormattedMessage
+                      defaultMessage="Description"
+                      id="dataSourceManagement.createDataSource.description"
+                      values={Object {}}
+                    />
                      
                     <i
                       style={
@@ -1789,8 +1917,13 @@ exports[`Datasource Management: Create Datasource form should render normally 1`
                         }
                       }
                     >
-                      - 
-                      optional
+                      -
+                       
+                      <FormattedMessage
+                        defaultMessage="optional"
+                        id="dataSourcesManagement.createDataSource.optionalText"
+                        values={Object {}}
+                      />
                     </i>
                   </React.Fragment>
                 }
@@ -1813,7 +1946,15 @@ exports[`Datasource Management: Create Datasource form should render normally 1`
                         className="euiFormLabel euiFormRow__label"
                         htmlFor="generated-id"
                       >
-                        Description
+                        <FormattedMessage
+                          defaultMessage="Description"
+                          id="dataSourceManagement.createDataSource.description"
+                          values={Object {}}
+                        >
+                          <span>
+                            Description
+                          </span>
+                        </FormattedMessage>
                          
                         <i
                           style={
@@ -1822,8 +1963,17 @@ exports[`Datasource Management: Create Datasource form should render normally 1`
                             }
                           }
                         >
-                          - 
-                          optional
+                          -
+                           
+                          <FormattedMessage
+                            defaultMessage="optional"
+                            id="dataSourcesManagement.createDataSource.optionalText"
+                            values={Object {}}
+                          >
+                            <span>
+                              optional
+                            </span>
+                          </FormattedMessage>
                         </i>
                       </label>
                     </EuiFormLabel>
@@ -2015,9 +2165,25 @@ exports[`Datasource Management: Create Datasource form should render normally 1`
                         onBlur={[Function]}
                         onFocus={[Function]}
                       >
-                        Provide authentication details require to gain access to the endpoint. If no authentication is required, choose 
+                        <FormattedMessage
+                          defaultMessage="Provide authentication details require to gain access to the endpoint. If no authentication is required, choose "
+                          id="dataSourcesManagement.createDataSource.authenticationMethodDescription"
+                          values={Object {}}
+                        >
+                          <span>
+                            Provide authentication details require to gain access to the endpoint. If no authentication is required, choose 
+                          </span>
+                        </FormattedMessage>
                         <b>
-                          No authentication
+                          <FormattedMessage
+                            defaultMessage="No authentication"
+                            id="dataSourcesManagement.createDataSource.noAuthentication"
+                            values={Object {}}
+                          >
+                            <span>
+                              No authentication
+                            </span>
+                          </FormattedMessage>
                         </b>
                       </div>
                     </EuiText>
@@ -2432,7 +2598,15 @@ exports[`Datasource Management: Create Datasource form should render normally 1`
                         <span
                           className="euiButton__text"
                         >
-                          Create data source connection
+                          <FormattedMessage
+                            defaultMessage="Create data source connection"
+                            id="dataSourcesManagement.createDataSource.createButton"
+                            values={Object {}}
+                          >
+                            <span>
+                              Create data source connection
+                            </span>
+                          </FormattedMessage>
                         </span>
                       </span>
                     </EuiButtonContent>
@@ -2485,7 +2659,15 @@ exports[`Datasource Management: Create Datasource form should throw validation e
                           className="euiTitle euiTitle--medium"
                           data-test-subj="createDataSourceHeader"
                         >
-                          Create data source connection
+                          <FormattedMessage
+                            defaultMessage="Create data source connection"
+                            id="dataSourcesManagement.createDataSourceHeader"
+                            values={Object {}}
+                          >
+                            <span>
+                              Create data source connection
+                            </span>
+                          </FormattedMessage>
                         </h1>
                       </EuiTitle>
                       <EuiSpacer
@@ -2660,7 +2842,11 @@ exports[`Datasource Management: Create Datasource form should throw validation e
                 hasEmptyLabelSpace={false}
                 label={
                   <React.Fragment>
-                    Description
+                    <FormattedMessage
+                      defaultMessage="Description"
+                      id="dataSourceManagement.createDataSource.description"
+                      values={Object {}}
+                    />
                      
                     <i
                       style={
@@ -2669,8 +2855,13 @@ exports[`Datasource Management: Create Datasource form should throw validation e
                         }
                       }
                     >
-                      - 
-                      optional
+                      -
+                       
+                      <FormattedMessage
+                        defaultMessage="optional"
+                        id="dataSourcesManagement.createDataSource.optionalText"
+                        values={Object {}}
+                      />
                     </i>
                   </React.Fragment>
                 }
@@ -2693,7 +2884,15 @@ exports[`Datasource Management: Create Datasource form should throw validation e
                         className="euiFormLabel euiFormRow__label"
                         htmlFor="generated-id"
                       >
-                        Description
+                        <FormattedMessage
+                          defaultMessage="Description"
+                          id="dataSourceManagement.createDataSource.description"
+                          values={Object {}}
+                        >
+                          <span>
+                            Description
+                          </span>
+                        </FormattedMessage>
                          
                         <i
                           style={
@@ -2702,8 +2901,17 @@ exports[`Datasource Management: Create Datasource form should throw validation e
                             }
                           }
                         >
-                          - 
-                          optional
+                          -
+                           
+                          <FormattedMessage
+                            defaultMessage="optional"
+                            id="dataSourcesManagement.createDataSource.optionalText"
+                            values={Object {}}
+                          >
+                            <span>
+                              optional
+                            </span>
+                          </FormattedMessage>
                         </i>
                       </label>
                     </EuiFormLabel>
@@ -2895,9 +3103,25 @@ exports[`Datasource Management: Create Datasource form should throw validation e
                         onBlur={[Function]}
                         onFocus={[Function]}
                       >
-                        Provide authentication details require to gain access to the endpoint. If no authentication is required, choose 
+                        <FormattedMessage
+                          defaultMessage="Provide authentication details require to gain access to the endpoint. If no authentication is required, choose "
+                          id="dataSourcesManagement.createDataSource.authenticationMethodDescription"
+                          values={Object {}}
+                        >
+                          <span>
+                            Provide authentication details require to gain access to the endpoint. If no authentication is required, choose 
+                          </span>
+                        </FormattedMessage>
                         <b>
-                          No authentication
+                          <FormattedMessage
+                            defaultMessage="No authentication"
+                            id="dataSourcesManagement.createDataSource.noAuthentication"
+                            values={Object {}}
+                          >
+                            <span>
+                              No authentication
+                            </span>
+                          </FormattedMessage>
                         </b>
                       </div>
                     </EuiText>
@@ -3312,7 +3536,15 @@ exports[`Datasource Management: Create Datasource form should throw validation e
                         <span
                           className="euiButton__text"
                         >
-                          Create data source connection
+                          <FormattedMessage
+                            defaultMessage="Create data source connection"
+                            id="dataSourcesManagement.createDataSource.createButton"
+                            values={Object {}}
+                          >
+                            <span>
+                              Create data source connection
+                            </span>
+                          </FormattedMessage>
                         </span>
                       </span>
                     </EuiButtonContent>
diff --git a/src/plugins/data_source_management/public/components/create_data_source_wizard/components/create_form/create_data_source_form.tsx b/src/plugins/data_source_management/public/components/create_data_source_wizard/components/create_form/create_data_source_form.tsx
index 823e8b9ca8ae..e5d779296a58 100644
--- a/src/plugins/data_source_management/public/components/create_data_source_wizard/components/create_form/create_data_source_form.tsx
+++ b/src/plugins/data_source_management/public/components/create_data_source_wizard/components/create_form/create_data_source_form.tsx
@@ -15,6 +15,7 @@ import {
   EuiSpacer,
   EuiText,
 } from '@elastic/eui';
+import { i18n } from '@osd/i18n';
 import { FormattedMessage } from '@osd/i18n/react';
 import {
   AuthType,
@@ -31,21 +32,6 @@ import {
   isTitleValid,
   performDataSourceFormValidation,
 } from '../../../validation';
-import {
-  ENDPOINT_PLACEHOLDER,
-  DATA_SOURCE_DESCRIPTION_PLACEHOLDER,
-  DATA_SOURCE_PASSWORD_PLACEHOLDER,
-  USERNAME_PLACEHOLDER,
-  DESCRIPTION,
-  PASSWORD,
-  TITLE,
-  USERNAME,
-  ENDPOINT_URL,
-  OPTIONAL,
-  AUTHENTICATION_METHOD_DESCRIPTION,
-  NO_AUTHENTICATION,
-  CREATE_DATA_SOURCE_BUTTON_TEXT,
-} from '../../../text_content';
 import { isValidUrl } from '../../../utils';
 
 export interface CreateDataSourceProps {
@@ -229,10 +215,19 @@ export class CreateDataSourceForm extends React.Component<
     );
   };
   /* Render field label with Optional text*/
-  renderFieldLabelAsOptional = (label: string) => {
+  renderFieldLabelAsOptional = (i18nId: string, defaultMessage: string) => {
     return (
       <>
-        {label} <i style={{ fontWeight: 'normal' }}>- {OPTIONAL}</i>
+        {<FormattedMessage id={i18nId} defaultMessage={defaultMessage} />}{' '}
+        <i style={{ fontWeight: 'normal' }}>
+          -{' '}
+          {
+            <FormattedMessage
+              id="dataSourcesManagement.createDataSource.optionalText"
+              defaultMessage="optional"
+            />
+          }
+        </i>
       </>
     );
   };
@@ -242,12 +237,19 @@ export class CreateDataSourceForm extends React.Component<
     return (
       <>
         <EuiFormRow
-          label={USERNAME}
+          label={i18n.translate('dataSourcesManagement.createDataSource.username', {
+            defaultMessage: 'Username',
+          })}
           isInvalid={!!this.state.formErrorsByField.createCredential.username.length}
           error={this.state.formErrorsByField.createCredential.username}
         >
           <EuiFieldText
-            placeholder={USERNAME_PLACEHOLDER}
+            placeholder={i18n.translate(
+              'dataSourcesManagement.createDataSource.usernamePlaceholder',
+              {
+                defaultMessage: 'Username to connect to data source',
+              }
+            )}
             isInvalid={!!this.state.formErrorsByField.createCredential.username.length}
             value={this.state.auth.credentials.username || ''}
             onChange={this.onChangeUsername}
@@ -256,13 +258,20 @@ export class CreateDataSourceForm extends React.Component<
           />
         </EuiFormRow>
         <EuiFormRow
-          label={PASSWORD}
+          label={i18n.translate('dataSourcesManagement.createDataSource.password', {
+            defaultMessage: 'Password',
+          })}
           isInvalid={!!this.state.formErrorsByField.createCredential.password.length}
           error={this.state.formErrorsByField.createCredential.password}
         >
           <EuiFieldPassword
             isInvalid={!!this.state.formErrorsByField.createCredential.password.length}
-            placeholder={DATA_SOURCE_PASSWORD_PLACEHOLDER}
+            placeholder={i18n.translate(
+              'dataSourcesManagement.createDataSource.passwordPlaceholder',
+              {
+                defaultMessage: 'Password to connect to data source',
+              }
+            )}
             type={'dual'}
             value={this.state.auth.credentials.password || ''}
             onChange={this.onChangePassword}
@@ -288,14 +297,21 @@ export class CreateDataSourceForm extends React.Component<
 
           {/* Title */}
           <EuiFormRow
-            label={TITLE}
+            label={i18n.translate('dataSourcesManagement.createDataSource.title', {
+              defaultMessage: 'Title',
+            })}
             isInvalid={!!this.state.formErrorsByField.title.length}
             error={this.state.formErrorsByField.title}
           >
             <EuiFieldText
               name="dataSourceTitle"
               value={this.state.title || ''}
-              placeholder={TITLE}
+              placeholder={i18n.translate(
+                'dataSourcesManagement.createDataSource.titlePlaceHolder',
+                {
+                  defaultMessage: 'Title',
+                }
+              )}
               isInvalid={!!this.state.formErrorsByField.title.length}
               onChange={this.onChangeTitle}
               onBlur={this.validateTitle}
@@ -304,11 +320,21 @@ export class CreateDataSourceForm extends React.Component<
           </EuiFormRow>
 
           {/* Description */}
-          <EuiFormRow label={this.renderFieldLabelAsOptional(DESCRIPTION)}>
+          <EuiFormRow
+            label={this.renderFieldLabelAsOptional(
+              'dataSourceManagement.createDataSource.description',
+              'Description'
+            )}
+          >
             <EuiFieldText
               name="dataSourceDescription"
               value={this.state.description || ''}
-              placeholder={DATA_SOURCE_DESCRIPTION_PLACEHOLDER}
+              placeholder={i18n.translate(
+                'dataSourcesManagement.createDataSource.descriptionPlaceholder',
+                {
+                  defaultMessage: 'Description of the data source',
+                }
+              )}
               onChange={this.onChangeDescription}
               data-test-subj="createDataSourceFormDescriptionField"
             />
@@ -316,14 +342,21 @@ export class CreateDataSourceForm extends React.Component<
 
           {/* Endpoint URL */}
           <EuiFormRow
-            label={ENDPOINT_URL}
+            label={i18n.translate('dataSourcesManagement.createDataSource.endpointURL', {
+              defaultMessage: 'Endpoint URL',
+            })}
             isInvalid={!!this.state.formErrorsByField.endpoint.length}
             error={this.state.formErrorsByField.endpoint}
           >
             <EuiFieldText
               name="endpoint"
               value={this.state.endpoint || ''}
-              placeholder={ENDPOINT_PLACEHOLDER}
+              placeholder={i18n.translate(
+                'dataSourcesManagement.createDataSource.endpointPlaceholder',
+                {
+                  defaultMessage: 'Sample URL: https://connectionurl.com',
+                }
+              )}
               isInvalid={!!this.state.formErrorsByField.endpoint.length}
               onChange={this.onChangeEndpoint}
               onBlur={this.validateEndpoint}
@@ -343,8 +376,16 @@ export class CreateDataSourceForm extends React.Component<
 
           <EuiFormRow>
             <EuiText>
-              {AUTHENTICATION_METHOD_DESCRIPTION}
-              <b>{NO_AUTHENTICATION}</b>
+              <FormattedMessage
+                id="dataSourcesManagement.createDataSource.authenticationMethodDescription"
+                defaultMessage="Provide authentication details require to gain access to the endpoint. If no authentication is required, choose "
+              />
+              <b>
+                <FormattedMessage
+                  id="dataSourcesManagement.createDataSource.noAuthentication"
+                  defaultMessage="No authentication"
+                />
+              </b>
             </EuiText>
           </EuiFormRow>
 
@@ -374,7 +415,10 @@ export class CreateDataSourceForm extends React.Component<
             onClick={this.onClickCreateNewDataSource}
             data-test-subj="createDataSourceButton"
           >
-            {CREATE_DATA_SOURCE_BUTTON_TEXT}
+            <FormattedMessage
+              id="dataSourcesManagement.createDataSource.createButton"
+              defaultMessage="Create data source connection"
+            />
           </EuiButton>
         </EuiForm>
       </EuiPageContent>
diff --git a/src/plugins/data_source_management/public/components/create_data_source_wizard/components/header/header.tsx b/src/plugins/data_source_management/public/components/create_data_source_wizard/components/header/header.tsx
index 28882eb30bf3..cc8c2cf086da 100644
--- a/src/plugins/data_source_management/public/components/create_data_source_wizard/components/header/header.tsx
+++ b/src/plugins/data_source_management/public/components/create_data_source_wizard/components/header/header.tsx
@@ -6,24 +6,34 @@
 import React from 'react';
 
 import { EuiSpacer, EuiTitle, EuiText, EuiFlexItem, EuiFlexGroup } from '@elastic/eui';
-
+import { i18n } from '@osd/i18n';
 import { FormattedMessage } from '@osd/i18n/react';
 import { useOpenSearchDashboards } from '../../../../../../opensearch_dashboards_react/public';
 import { DataSourceManagementContext } from '../../../../types';
-import { CREATE_DATA_SOURCE_HEADER } from '../../../text_content';
 
 export const Header = () => {
   const changeTitle = useOpenSearchDashboards<DataSourceManagementContext>().services.chrome
     .docTitle.change;
 
-  changeTitle(CREATE_DATA_SOURCE_HEADER);
+  changeTitle(
+    i18n.translate('dataSourcesManagement.createDataSourceHeader', {
+      defaultMessage: 'Create data source connection',
+    })
+  );
 
   return (
     <EuiFlexGroup justifyContent="spaceBetween">
       <EuiFlexItem grow={false}>
         <div>
           <EuiTitle>
-            <h1 data-test-subj="createDataSourceHeader">{CREATE_DATA_SOURCE_HEADER}</h1>
+            <h1 data-test-subj="createDataSourceHeader">
+              {
+                <FormattedMessage
+                  id="dataSourcesManagement.createDataSourceHeader"
+                  defaultMessage="Create data source connection"
+                />
+              }
+            </h1>
           </EuiTitle>
           <EuiSpacer size="s" />
           <EuiText>
diff --git a/src/plugins/data_source_management/public/components/data_source_table/__snapshots__/data_source_table.test.tsx.snap b/src/plugins/data_source_management/public/components/data_source_table/__snapshots__/data_source_table.test.tsx.snap
index 73118ee42b92..7fb9736f90cc 100644
--- a/src/plugins/data_source_management/public/components/data_source_table/__snapshots__/data_source_table.test.tsx.snap
+++ b/src/plugins/data_source_management/public/components/data_source_table/__snapshots__/data_source_table.test.tsx.snap
@@ -141,7 +141,15 @@ exports[`DataSourceTable should get datasources successful should render normall
                     <h2
                       className="euiTitle euiTitle--medium"
                     >
-                      Data Sources
+                      <FormattedMessage
+                        defaultMessage="Data Sources"
+                        id="dataSourcesManagement.dataSourcesTable.title"
+                        values={Object {}}
+                      >
+                        <span>
+                          Data Sources
+                        </span>
+                      </FormattedMessage>
                     </h2>
                   </EuiTitle>
                   <EuiSpacer
@@ -156,7 +164,15 @@ exports[`DataSourceTable should get datasources successful should render normall
                       className="euiText euiText--medium"
                     >
                       <p>
-                        Create and manage data source connections to help you retrieve data from multiple OpenSearch compatible sources.
+                        <FormattedMessage
+                          defaultMessage="Create and manage data source connections to help you retrieve data from multiple OpenSearch compatible sources."
+                          id="dataSourcesManagement.dataSourcesTable.description"
+                          values={Object {}}
+                        >
+                          <span>
+                            Create and manage data source connections to help you retrieve data from multiple OpenSearch compatible sources.
+                          </span>
+                        </FormattedMessage>
                       </p>
                     </div>
                   </EuiText>
@@ -311,7 +327,15 @@ exports[`DataSourceTable should get datasources successful should render normall
                               <span
                                 className="euiButton__text"
                               >
-                                Create data source connection
+                                <FormattedMessage
+                                  defaultMessage="Create data source connection"
+                                  id="dataSourcesManagement.dataSourceListing.createButton"
+                                  values={Object {}}
+                                >
+                                  <span>
+                                    Create data source connection
+                                  </span>
+                                </FormattedMessage>
                               </span>
                             </span>
                           </EuiButtonContent>
diff --git a/src/plugins/data_source_management/public/components/data_source_table/data_source_table.tsx b/src/plugins/data_source_management/public/components/data_source_table/data_source_table.tsx
index f4f537436e05..894fdbe42a89 100644
--- a/src/plugins/data_source_management/public/components/data_source_table/data_source_table.tsx
+++ b/src/plugins/data_source_management/public/components/data_source_table/data_source_table.tsx
@@ -20,6 +20,7 @@ import React, { useState } from 'react';
 import { RouteComponentProps, withRouter } from 'react-router-dom';
 import { useEffectOnce } from 'react-use';
 import { i18n } from '@osd/i18n';
+import { FormattedMessage } from '@osd/i18n/react';
 import { getListBreadcrumbs } from '../breadcrumbs';
 import {
   reactRouterNavigate,
@@ -29,19 +30,6 @@ import { DataSourceManagementContext, DataSourceTableItem, ToastMessageItem } fr
 import { CreateButton } from '../create_button';
 import { deleteMultipleDataSources, getDataSources } from '../utils';
 import { LoadingMask } from '../loading_mask';
-import {
-  CANCEL_TEXT,
-  DELETE_TEXT,
-  DS_LISTING_ARIA_REGION,
-  DS_LISTING_DATA_SOURCE_DELETE_ACTION,
-  DS_LISTING_DATA_SOURCE_DELETE_IMPACT,
-  DS_LISTING_DATA_SOURCE_DELETE_WARNING,
-  DS_LISTING_DATA_SOURCE_MULTI_DELETE_TITLE,
-  DS_LISTING_DESCRIPTION,
-  DS_LISTING_NO_DATA,
-  DS_LISTING_PAGE_TITLE,
-  DS_LISTING_TITLE,
-} from '../text_content/text_content';
 
 /* Table config */
 const pagination = {
@@ -77,7 +65,11 @@ export const DataSourceTable = ({ history }: RouteComponentProps) => {
     setBreadcrumbs(getListBreadcrumbs());
 
     /* Browser - Page Title */
-    chrome.docTitle.change(DS_LISTING_PAGE_TITLE);
+    chrome.docTitle.change(
+      i18n.translate('dataSourcesManagement.dataSourcesTable.dataSourcesTitle', {
+        defaultMessage: 'Data Sources',
+      })
+    );
 
     /* fetch data sources*/
     fetchDataSources();
@@ -176,7 +168,9 @@ export const DataSourceTable = ({ history }: RouteComponentProps) => {
   const tableRenderDeleteModal = () => {
     return confirmDeleteVisible ? (
       <EuiConfirmModal
-        title={DS_LISTING_DATA_SOURCE_MULTI_DELETE_TITLE}
+        title={i18n.translate('dataSourcesManagement.dataSourcesTable.multiDeleteTitle', {
+          defaultMessage: 'Delete data source connection(s)',
+        })}
         onCancel={() => {
           setConfirmDeleteVisible(false);
         }}
@@ -184,13 +178,38 @@ export const DataSourceTable = ({ history }: RouteComponentProps) => {
           setConfirmDeleteVisible(false);
           onClickDelete();
         }}
-        cancelButtonText={CANCEL_TEXT}
-        confirmButtonText={DELETE_TEXT}
+        cancelButtonText={i18n.translate('dataSourcesManagement.dataSourcesTable.cancel', {
+          defaultMessage: 'Cancel',
+        })}
+        confirmButtonText={i18n.translate('dataSourcesManagement.dataSourcesTable.delete', {
+          defaultMessage: 'Delete',
+        })}
         defaultFocusedButton="confirm"
       >
-        <p>{DS_LISTING_DATA_SOURCE_DELETE_ACTION}</p>
-        <p>{DS_LISTING_DATA_SOURCE_DELETE_IMPACT}</p>
-        <p>{DS_LISTING_DATA_SOURCE_DELETE_WARNING}</p>
+        <p>
+          {
+            <FormattedMessage
+              id="dataSourcesManagement.dataSourcesTable.deleteDescription"
+              defaultMessage="This action will delete the selected data source connections"
+            />
+          }
+        </p>
+        <p>
+          {
+            <FormattedMessage
+              id="dataSourcesManagement.dataSourcesTable.deleteConfirmation"
+              defaultMessage="Any objects created using data from these sources, including Index Patterns, Visualizations, and Observability Panels, will be impacted."
+            />
+          }
+        </p>
+        <p>
+          {
+            <FormattedMessage
+              id="dataSourcesManagement.dataSourcesTable.deleteWarning"
+              defaultMessage="This action cannot be undone."
+            />
+          }
+        </p>
       </EuiConfirmModal>
     ) : null;
   };
@@ -247,11 +266,25 @@ export const DataSourceTable = ({ history }: RouteComponentProps) => {
       <EuiFlexGroup justifyContent="spaceBetween">
         <EuiFlexItem grow={false}>
           <EuiTitle>
-            <h2>{DS_LISTING_TITLE}</h2>
+            <h2>
+              {
+                <FormattedMessage
+                  id="dataSourcesManagement.dataSourcesTable.title"
+                  defaultMessage="Data Sources"
+                />
+              }
+            </h2>
           </EuiTitle>
           <EuiSpacer size="s" />
           <EuiText>
-            <p>{DS_LISTING_DESCRIPTION}</p>
+            <p>
+              {
+                <FormattedMessage
+                  id="dataSourcesManagement.dataSourcesTable.description"
+                  defaultMessage="Create and manage data source connections to help you retrieve data from multiple OpenSearch compatible sources."
+                />
+              }
+            </p>
           </EuiText>
         </EuiFlexItem>
         <EuiFlexItem grow={false}>{createButton}</EuiFlexItem>
@@ -285,7 +318,14 @@ export const DataSourceTable = ({ history }: RouteComponentProps) => {
       <>
         <EuiSpacer size="l" />
         <EuiPanel hasBorder={false} hasShadow={false} style={{ textAlign: 'center' }}>
-          <EuiText>{DS_LISTING_NO_DATA}</EuiText>
+          <EuiText>
+            {
+              <FormattedMessage
+                id="dataSourcesManagement.dataSourcesTable.noData"
+                defaultMessage="No Data Source Connections have been created yet."
+              />
+            }
+          </EuiText>
           <EuiSpacer />
           {createButton}
         </EuiPanel>
@@ -300,7 +340,9 @@ export const DataSourceTable = ({ history }: RouteComponentProps) => {
         <EuiPageContent
           data-test-subj="dataSourceTable"
           role="region"
-          aria-label={DS_LISTING_ARIA_REGION}
+          aria-label={i18n.translate('dataSourcesManagement.createDataSourcesLiveRegionAriaLabel', {
+            defaultMessage: 'Data Sources',
+          })}
         >
           {/* Header */}
           {renderHeader()}
diff --git a/src/plugins/data_source_management/public/components/edit_data_source/components/edit_form/edit_data_source_form.tsx b/src/plugins/data_source_management/public/components/edit_data_source/components/edit_form/edit_data_source_form.tsx
index 424d4cb9f5a8..61a7f3ba1f9b 100644
--- a/src/plugins/data_source_management/public/components/edit_data_source/components/edit_form/edit_data_source_form.tsx
+++ b/src/plugins/data_source_management/public/components/edit_data_source/components/edit_form/edit_data_source_form.tsx
@@ -21,6 +21,9 @@ import {
   EuiSpacer,
   EuiText,
 } from '@elastic/eui';
+import { i18n } from '@osd/i18n';
+import { FormattedMessage } from '@osd/i18n/react';
+import { Header } from '../header';
 import {
   AuthType,
   credentialSourceOptions,
@@ -28,7 +31,6 @@ import {
   DataSourceManagementContextValue,
   UsernamePasswordTypedContent,
 } from '../../../../types';
-import { Header } from '../header';
 import { context as contextType } from '../../../../../../opensearch_dashboards_react/public';
 import {
   CreateEditDataSourceValidation,
@@ -37,28 +39,6 @@ import {
   performDataSourceFormValidation,
 } from '../../../validation';
 import { UpdatePasswordModal } from '../update_password_modal';
-import {
-  AUTHENTICATION_METHOD,
-  AUTHENTICATION_TITLE,
-  CANCEL_CHANGES,
-  CONNECTION_DETAILS_TITLE,
-  DATA_SOURCE_DESCRIPTION_PLACEHOLDER,
-  DATA_SOURCE_PASSWORD_PLACEHOLDER,
-  USERNAME_PLACEHOLDER,
-  CREDENTIAL,
-  DESCRIPTION,
-  ENDPOINT_DESCRIPTION,
-  ENDPOINT_TITLE,
-  ENDPOINT_URL,
-  OBJECT_DETAILS_DESCRIPTION,
-  OBJECT_DETAILS_TITLE,
-  OPTIONAL,
-  PASSWORD,
-  SAVE_CHANGES,
-  TITLE,
-  UPDATE_STORED_PASSWORD,
-  USERNAME,
-} from '../../../text_content';
 
 export interface EditDataSourceProps {
   existingDataSource: DataSourceAttributes;
@@ -295,7 +275,14 @@ export class EditDataSourceForm extends React.Component<EditDataSourceProps, Edi
   renderUpdatePasswordModal = () => {
     return (
       <>
-        <EuiButton onClick={this.onClickUpdatePassword}>{UPDATE_STORED_PASSWORD}</EuiButton>
+        <EuiButton onClick={this.onClickUpdatePassword}>
+          {
+            <FormattedMessage
+              id="dataSourcesManagement.editDataSource.updateStoredPassword"
+              defaultMessage="Update stored password"
+            />
+          }
+        </EuiButton>
 
         {this.state.showUpdatePasswordModal ? (
           <UpdatePasswordModal
@@ -319,10 +306,19 @@ export class EditDataSourceForm extends React.Component<EditDataSourceProps, Edi
   };
 
   /* Render field label with Optional text*/
-  renderFieldLabelAsOptional = (label: string) => {
+  renderFieldLabelAsOptional = (i18nId: string, defaultMessage: string) => {
     return (
       <>
-        {label} <i style={{ fontWeight: 'normal' }}>- {OPTIONAL}</i>
+        {<FormattedMessage id={i18nId} defaultMessage={defaultMessage} />}{' '}
+        <i style={{ fontWeight: 'normal' }}>
+          -{' '}
+          {
+            <FormattedMessage
+              id="dataSourcesManagement.editDataSource.optionalText"
+              defaultMessage="optional"
+            />
+          }
+        </i>
       </>
     );
   };
@@ -332,36 +328,75 @@ export class EditDataSourceForm extends React.Component<EditDataSourceProps, Edi
     return (
       <EuiPanel paddingSize="m">
         <EuiText size="m">
-          <h3> {CONNECTION_DETAILS_TITLE} </h3>
+          <h3>
+            {
+              <FormattedMessage
+                id="dataSourcesManagement.editDataSource.connectionDetailsText"
+                defaultMessage="Connection Details"
+              />
+            }
+          </h3>
         </EuiText>
 
         <EuiHorizontalRule margin="m" />
 
         <EuiDescribedFormGroup
-          title={<h4>{OBJECT_DETAILS_TITLE}</h4>}
-          description={<p>{OBJECT_DETAILS_DESCRIPTION}</p>}
+          title={
+            <h4>
+              {
+                <FormattedMessage
+                  id="dataSourcesManagement.editDataSource.objectDetailsText"
+                  defaultMessage="Object Details"
+                />
+              }
+            </h4>
+          }
+          description={
+            <p>
+              {
+                <FormattedMessage
+                  id="dataSourcesManagement.editDataSource.objectDetailsDescription"
+                  defaultMessage="This connection information is used for reference in tables and when adding to a data source connection"
+                />
+              }
+            </p>
+          }
         >
           {/* Title */}
           <EuiFormRow
-            label={TITLE}
+            label={i18n.translate('dataSourcesManagement.editDataSource.title', {
+              defaultMessage: 'Title',
+            })}
             isInvalid={!!this.state.formErrorsByField.title.length}
             error={this.state.formErrorsByField.title}
           >
             <EuiFieldText
               name="dataSourceTitle"
               value={this.state.title || ''}
-              placeholder={TITLE}
+              placeholder={i18n.translate('dataSourcesManagement.editDataSource.titlePlaceHolder', {
+                defaultMessage: 'Title',
+              })}
               isInvalid={!!this.state.formErrorsByField.title.length}
               onChange={this.onChangeTitle}
               onBlur={this.validateTitle}
             />
           </EuiFormRow>
           {/* Description */}
-          <EuiFormRow label={this.renderFieldLabelAsOptional(DESCRIPTION)}>
+          <EuiFormRow
+            label={this.renderFieldLabelAsOptional(
+              'dataSourceManagement.editDataSource.description',
+              'Description'
+            )}
+          >
             <EuiFieldText
               name="dataSourceDescription"
               value={this.state.description || ''}
-              placeholder={DATA_SOURCE_DESCRIPTION_PLACEHOLDER}
+              placeholder={i18n.translate(
+                'dataSourcesManagement.editDataSource.descriptionPlaceholder',
+                {
+                  defaultMessage: 'Description of the data source',
+                }
+              )}
               onChange={this.onChangeDescription}
             />
           </EuiFormRow>
@@ -375,17 +410,46 @@ export class EditDataSourceForm extends React.Component<EditDataSourceProps, Edi
     return (
       <EuiPanel paddingSize="m">
         <EuiText size="m">
-          <h3> {ENDPOINT_TITLE} </h3>
+          <h3>
+            {
+              <FormattedMessage
+                id="dataSourcesManagement.editDataSource.endpointTitle"
+                defaultMessage="Endpoint"
+              />
+            }
+          </h3>
         </EuiText>
 
         <EuiHorizontalRule margin="m" />
 
         <EuiDescribedFormGroup
-          title={<h4>{ENDPOINT_URL}</h4>}
-          description={<p>{ENDPOINT_DESCRIPTION}</p>}
+          title={
+            <h4>
+              {
+                <FormattedMessage
+                  id="dataSourcesManagement.editDataSource.endpointTitle"
+                  defaultMessage="Endpoint"
+                />
+              }
+            </h4>
+          }
+          description={
+            <p>
+              {
+                <FormattedMessage
+                  id="dataSourcesManagement.editDataSource.endpointDescription"
+                  defaultMessage="This connection information is used for reference in tables and when adding to a data source connection"
+                />
+              }
+            </p>
+          }
         >
           {/* Endpoint */}
-          <EuiFormRow label={ENDPOINT_URL}>
+          <EuiFormRow
+            label={i18n.translate('dataSourcesManagement.editDataSource.endpointURL', {
+              defaultMessage: 'Endpoint URL',
+            })}
+          >
             <EuiFieldText
               name="endpoint"
               value={this.props.existingDataSource.endpoint}
@@ -403,12 +467,30 @@ export class EditDataSourceForm extends React.Component<EditDataSourceProps, Edi
     return (
       <EuiPanel paddingSize="m">
         <EuiText size="m">
-          <h3> {AUTHENTICATION_TITLE} </h3>
+          <h3>
+            {
+              <FormattedMessage
+                id="dataSourcesManagement.editDataSource.authenticationTitle"
+                defaultMessage="Authentication"
+              />
+            }
+          </h3>
         </EuiText>
 
         <EuiHorizontalRule margin="m" />
 
-        <EuiDescribedFormGroup title={<h4>{AUTHENTICATION_METHOD}</h4>}>
+        <EuiDescribedFormGroup
+          title={
+            <h4>
+              {
+                <FormattedMessage
+                  id="dataSourcesManagement.editDataSource.authenticationMethod"
+                  defaultMessage="Authentication Method"
+                />
+              }
+            </h4>
+          }
+        >
           {this.renderCredentialsSection()}
         </EuiDescribedFormGroup>
       </EuiPanel>
@@ -420,7 +502,11 @@ export class EditDataSourceForm extends React.Component<EditDataSourceProps, Edi
     return (
       <>
         {/* Auth type select */}
-        <EuiFormRow label={CREDENTIAL}>
+        <EuiFormRow
+          label={i18n.translate('dataSourcesManagement.editDataSource.credential', {
+            defaultMessage: 'Credential',
+          })}
+        >
           <EuiRadioGroup
             options={credentialSourceOptions}
             idSelected={this.state.auth.type}
@@ -441,11 +527,18 @@ export class EditDataSourceForm extends React.Component<EditDataSourceProps, Edi
       <>
         {/* Username */}
         <EuiFormRow
-          label={USERNAME}
+          label={i18n.translate('dataSourcesManagement.editDataSource.username', {
+            defaultMessage: 'Username',
+          })}
           isInvalid={!!this.state.formErrorsByField.createCredential?.username?.length}
         >
           <EuiFieldText
-            placeholder={USERNAME_PLACEHOLDER}
+            placeholder={i18n.translate(
+              'dataSourcesManagement.editDataSource.usernamePlaceholder',
+              {
+                defaultMessage: 'Username to connect to data source',
+              }
+            )}
             value={this.state.auth.credentials.username || ''}
             isInvalid={!!this.state.formErrorsByField.createCredential?.username?.length}
             onChange={this.onChangeUsername}
@@ -455,13 +548,20 @@ export class EditDataSourceForm extends React.Component<EditDataSourceProps, Edi
 
         {/* Password */}
         <EuiFormRow
-          label={PASSWORD}
+          label={i18n.translate('dataSourcesManagement.editDataSource.password', {
+            defaultMessage: 'Password',
+          })}
           isInvalid={!!this.state.formErrorsByField.createCredential?.password?.length}
         >
           <EuiFlexGroup>
             <EuiFlexItem>
               <EuiFieldPassword
-                placeholder={DATA_SOURCE_PASSWORD_PLACEHOLDER}
+                placeholder={i18n.translate(
+                  'dataSourcesManagement.editDataSource.passwordPlaceholder',
+                  {
+                    defaultMessage: 'Password to connect to data source',
+                  }
+                )}
                 type={'dual'}
                 value={
                   this.props.existingDataSource.auth.type !== AuthType.NoAuth
@@ -534,7 +634,12 @@ export class EditDataSourceForm extends React.Component<EditDataSourceProps, Edi
                 aria-describedby="aria-describedby.countOfUnsavedSettings"
                 data-test-subj="datasource-edit-cancelButton"
               >
-                {CANCEL_CHANGES}
+                {
+                  <FormattedMessage
+                    id="dataSourcesManagement.editDataSource.cancelButtonLabel"
+                    defaultMessage="Cancel changes"
+                  />
+                }
               </EuiButtonEmpty>
             </EuiFlexItem>
             <EuiFlexItem grow={false}>
@@ -548,7 +653,12 @@ export class EditDataSourceForm extends React.Component<EditDataSourceProps, Edi
                 onClick={this.onClickUpdateDataSource}
                 data-test-subj="datasource-edit-saveButton"
               >
-                {SAVE_CHANGES}
+                {
+                  <FormattedMessage
+                    id="dataSourcesManagement.editDataSource.saveButtonLabel"
+                    defaultMessage="Save changes"
+                  />
+                }
               </EuiButton>
             </EuiFlexItem>
           </EuiFlexGroup>
diff --git a/src/plugins/data_source_management/public/components/edit_data_source/components/header/header.tsx b/src/plugins/data_source_management/public/components/edit_data_source/components/header/header.tsx
index 974e29ff0635..2dda7b4ccf75 100644
--- a/src/plugins/data_source_management/public/components/edit_data_source/components/header/header.tsx
+++ b/src/plugins/data_source_management/public/components/edit_data_source/components/header/header.tsx
@@ -14,17 +14,10 @@ import {
   EuiButtonIcon,
   EuiConfirmModal,
 } from '@elastic/eui';
-
+import { i18n } from '@osd/i18n';
+import { FormattedMessage } from '@osd/i18n/react';
 import { useOpenSearchDashboards } from '../../../../../../opensearch_dashboards_react/public';
 import { DataSourceManagementContext } from '../../../../types';
-import {
-  CANCEL_TEXT,
-  DELETE_TEXT,
-  DS_LISTING_DATA_SOURCE_DELETE_IMPACT,
-  DS_LISTING_DATA_SOURCE_DELETE_WARNING,
-  DELETE_THIS_DATA_SOURCE,
-  DS_UPDATE_DATA_SOURCE_DELETE_TITLE,
-} from '../../../text_content';
 
 export const Header = ({
   showDeleteIcon,
@@ -46,7 +39,11 @@ export const Header = ({
   const renderDeleteButton = () => {
     return (
       <>
-        <EuiToolTip content={DELETE_THIS_DATA_SOURCE}>
+        <EuiToolTip
+          content={i18n.translate('dataSourcesManagement.editDataSource.deleteThisDataSource', {
+            defaultMessage: 'Delete this Data Source',
+          })}
+        >
           <EuiButtonIcon
             color="danger"
             onClick={() => {
@@ -55,13 +52,20 @@ export const Header = ({
             iconType="trash"
             iconSize="m"
             size="m"
-            aria-label={DELETE_THIS_DATA_SOURCE}
+            aria-label={i18n.translate(
+              'dataSourcesManagement.editDataSource.deleteThisDataSource',
+              {
+                defaultMessage: 'Delete this Data Source',
+              }
+            )}
           />
         </EuiToolTip>
 
         {isDeleteModalVisible ? (
           <EuiConfirmModal
-            title={DS_UPDATE_DATA_SOURCE_DELETE_TITLE}
+            title={i18n.translate('dataSourcesManagement.editDataSource.deleteTitle', {
+              defaultMessage: 'Delete data source connection',
+            })}
             onCancel={() => {
               setIsDeleteModalVisible(false);
             }}
@@ -69,12 +73,30 @@ export const Header = ({
               setIsDeleteModalVisible(false);
               onClickDeleteIcon();
             }}
-            cancelButtonText={CANCEL_TEXT}
-            confirmButtonText={DELETE_TEXT}
+            cancelButtonText={i18n.translate('dataSourcesManagement.editDataSource.cancel', {
+              defaultMessage: 'Cancel',
+            })}
+            confirmButtonText={i18n.translate('dataSourcesManagement.editDataSource.delete', {
+              defaultMessage: 'Delete',
+            })}
             defaultFocusedButton="confirm"
           >
-            <p>{DS_LISTING_DATA_SOURCE_DELETE_IMPACT}</p>
-            <p>{DS_LISTING_DATA_SOURCE_DELETE_WARNING}</p>
+            <p>
+              {
+                <FormattedMessage
+                  id="dataSourcesManagement.editDataSource.deleteConfirmation"
+                  defaultMessage="Any objects created using data from these sources, including Index Patterns, Visualizations, and Observability Panels, will be impacted."
+                />
+              }
+            </p>
+            <p>
+              {
+                <FormattedMessage
+                  id="dataSourcesManagement.editDataSource.deleteWarning"
+                  defaultMessage="This action cannot be undone."
+                />
+              }
+            </p>
           </EuiConfirmModal>
         ) : null}
       </>
diff --git a/src/plugins/data_source_management/public/components/edit_data_source/components/update_password_modal/update_password_modal.tsx b/src/plugins/data_source_management/public/components/edit_data_source/components/update_password_modal/update_password_modal.tsx
index 5e7307abc7db..aad6b8fd647c 100644
--- a/src/plugins/data_source_management/public/components/edit_data_source/components/update_password_modal/update_password_modal.tsx
+++ b/src/plugins/data_source_management/public/components/edit_data_source/components/update_password_modal/update_password_modal.tsx
@@ -18,15 +18,8 @@ import {
   EuiSpacer,
   EuiText,
 } from '@elastic/eui';
-import {
-  CANCEL_TEXT,
-  CONFIRM_NEW_PASSWORD_TEXT,
-  NEW_PASSWORD_TEXT,
-  PASSWORD_NO_MATCH,
-  UPDATE_STORED_PASSWORD,
-  UPDATE_STORED_PASSWORD_DESCRIPTION,
-  USERNAME,
-} from '../../../text_content';
+import { i18n } from '@osd/i18n';
+import { FormattedMessage } from '@osd/i18n/react';
 
 export interface UpdatePasswordModalProps {
   username: string;
@@ -64,7 +57,11 @@ export const UpdatePasswordModal = ({
     if (!confirmNewPassword) {
       invalidReason.push('');
     } else if (confirmNewPassword !== newPassword) {
-      invalidReason.push(PASSWORD_NO_MATCH);
+      invalidReason.push(
+        i18n.translate('dataSourcesManagement.editDataSource.passwordNoMatch', {
+          defaultMessage: 'Passwords do not match',
+        })
+      );
     }
     setIsConfirmNewPasswordValid(invalidReason);
   };
@@ -74,28 +71,54 @@ export const UpdatePasswordModal = ({
       <EuiModal onClose={closeUpdatePasswordModal}>
         <EuiModalHeader>
           <EuiModalHeaderTitle>
-            <h1>{UPDATE_STORED_PASSWORD}</h1>
+            <h1>
+              {
+                <FormattedMessage
+                  id="dataSourcesManagement.editDataSource.updateStoredPassword"
+                  defaultMessage="Update stored password"
+                />
+              }
+            </h1>
           </EuiModalHeaderTitle>
         </EuiModalHeader>
 
         <EuiModalBody>
           <EuiFormRow>
             <EuiText size="m" style={{ fontWeight: 300 }}>
-              {UPDATE_STORED_PASSWORD_DESCRIPTION}
+              {
+                <FormattedMessage
+                  id="dataSourcesManagement.editDataSource.updateStoredPasswordDescription"
+                  defaultMessage="Update credential password to reflect accurate password to gain access to the endpoint."
+                />
+              }
             </EuiText>
           </EuiFormRow>
           <EuiSpacer size="m" />
 
           <EuiForm data-test-subj="data-source-update-password">
             {/* Username */}
-            <EuiFormRow label={USERNAME}>
+            <EuiFormRow
+              label={i18n.translate('dataSourcesManagement.editDataSource.username', {
+                defaultMessage: 'Username',
+              })}
+            >
               <EuiText size="s">{username}</EuiText>
             </EuiFormRow>
             {/* updated Password */}
-            <EuiFormRow label={NEW_PASSWORD_TEXT} isInvalid={!isNewPasswordValid}>
+            <EuiFormRow
+              label={i18n.translate('dataSourcesManagement.editDataSource.newPassword', {
+                defaultMessage: 'Updated password',
+              })}
+              isInvalid={!isNewPasswordValid}
+            >
               <EuiFieldPassword
                 name="updatedPassword"
-                placeholder={NEW_PASSWORD_TEXT}
+                placeholder={i18n.translate(
+                  'dataSourcesManagement.editDataSource.newPasswordPlaceHolder',
+                  {
+                    defaultMessage: 'Updated password',
+                  }
+                )}
                 type={'dual'}
                 value={newPassword}
                 isInvalid={!isNewPasswordValid}
@@ -105,13 +128,20 @@ export const UpdatePasswordModal = ({
             </EuiFormRow>
             {/* Password */}
             <EuiFormRow
-              label={CONFIRM_NEW_PASSWORD_TEXT}
+              label={i18n.translate('dataSourcesManagement.editDataSource.confirmNewPassword', {
+                defaultMessage: 'Confirm Updated password',
+              })}
               isInvalid={!!isConfirmNewPasswordValid.length}
               error={isConfirmNewPasswordValid}
             >
               <EuiFieldPassword
                 name="confirmUpdatedPassword"
-                placeholder={CONFIRM_NEW_PASSWORD_TEXT}
+                placeholder={i18n.translate(
+                  'dataSourcesManagement.editDataSource.confirmNewPasswordPlaceHolder',
+                  {
+                    defaultMessage: 'Confirm Updated password',
+                  }
+                )}
                 type={'dual'}
                 value={confirmNewPassword}
                 isInvalid={!!isConfirmNewPasswordValid.length}
@@ -123,7 +153,14 @@ export const UpdatePasswordModal = ({
         </EuiModalBody>
 
         <EuiModalFooter>
-          <EuiButtonEmpty onClick={closeUpdatePasswordModal}>{CANCEL_TEXT}</EuiButtonEmpty>
+          <EuiButtonEmpty onClick={closeUpdatePasswordModal}>
+            {
+              <FormattedMessage
+                id="dataSourcesManagement.editDataSource.cancel"
+                defaultMessage="Cancel"
+              />
+            }
+          </EuiButtonEmpty>
           <EuiButton
             type="submit"
             form="modalFormId"
@@ -131,7 +168,9 @@ export const UpdatePasswordModal = ({
             fill={isFormValid()}
             disabled={!isFormValid()}
           >
-            {UPDATE_STORED_PASSWORD}
+            {i18n.translate('dataSourcesManagement.editDataSource.updateStoredPassword', {
+              defaultMessage: 'Update stored password',
+            })}
           </EuiButton>
         </EuiModalFooter>
       </EuiModal>
diff --git a/src/plugins/data_source_management/public/components/edit_data_source/edit_data_source.tsx b/src/plugins/data_source_management/public/components/edit_data_source/edit_data_source.tsx
index e502adc5d5ca..6c9c39939c51 100644
--- a/src/plugins/data_source_management/public/components/edit_data_source/edit_data_source.tsx
+++ b/src/plugins/data_source_management/public/components/edit_data_source/edit_data_source.tsx
@@ -8,6 +8,7 @@ import React, { useState } from 'react';
 import { useEffectOnce } from 'react-use';
 import { EuiSpacer } from '@elastic/eui';
 import { i18n } from '@osd/i18n';
+import { FormattedMessage } from '@osd/i18n/react';
 import { useOpenSearchDashboards } from '../../../../opensearch_dashboards_react/public';
 import { DataSourceManagementContext, DataSourceTableItem, ToastMessageItem } from '../../types';
 import {
@@ -20,7 +21,6 @@ import { getEditBreadcrumbs } from '../breadcrumbs';
 import { EditDataSourceForm } from './components/edit_form/edit_data_source_form';
 import { LoadingMask } from '../loading_mask';
 import { AuthType, DataSourceAttributes } from '../../types';
-import { DATA_SOURCE_NOT_FOUND } from '../text_content';
 
 const defaultDataSource: DataSourceAttributes = {
   title: '',
@@ -131,7 +131,16 @@ const EditDataSource: React.FunctionComponent<RouteComponentProps<{ id: string }
   };
 
   if (!isLoading && !dataSource?.endpoint) {
-    return <h1>{DATA_SOURCE_NOT_FOUND}</h1>;
+    return (
+      <h1>
+        {
+          <FormattedMessage
+            id="dataSourcesManagement.editDataSource.dataSourceNotFound"
+            defaultMessage="Data Source not found!"
+          />
+        }
+      </h1>
+    );
   }
 
   return (
diff --git a/src/plugins/data_source_management/public/components/text_content/index.ts b/src/plugins/data_source_management/public/components/text_content/index.ts
deleted file mode 100644
index 6caa2514600b..000000000000
--- a/src/plugins/data_source_management/public/components/text_content/index.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-/*
- * Copyright OpenSearch Contributors
- * SPDX-License-Identifier: Apache-2.0
- */
-
-export * from './text_content';
diff --git a/src/plugins/data_source_management/public/components/text_content/text_content.ts b/src/plugins/data_source_management/public/components/text_content/text_content.ts
deleted file mode 100644
index 5a26668ff2c6..000000000000
--- a/src/plugins/data_source_management/public/components/text_content/text_content.ts
+++ /dev/null
@@ -1,298 +0,0 @@
-/*
- * Copyright OpenSearch Contributors
- * SPDX-License-Identifier: Apache-2.0
- */
-
-import { i18n } from '@osd/i18n';
-
-/* Generic */
-export const CANCEL_TEXT = i18n.translate('cancel', {
-  defaultMessage: 'Cancel',
-});
-
-export const DELETE_TEXT = i18n.translate('delete', {
-  defaultMessage: 'Delete',
-});
-
-export const TITLE = i18n.translate('title', {
-  defaultMessage: 'Title',
-});
-
-export const DESCRIPTION = i18n.translate('description', {
-  defaultMessage: 'Description',
-});
-
-export const OPTIONAL = i18n.translate('optional', {
-  defaultMessage: 'optional',
-});
-
-export const USERNAME = i18n.translate('username', {
-  defaultMessage: 'Username',
-});
-
-export const PASSWORD = i18n.translate('password', {
-  defaultMessage: 'Password',
-});
-
-/* Datasource listing page */
-export const DS_LISTING_ARIA_REGION = i18n.translate(
-  'dataSourcesManagement.createDataSourcesLiveRegionAriaLabel',
-  {
-    defaultMessage: 'Data Sources',
-  }
-);
-export const DS_LISTING_TITLE = i18n.translate('dataSourcesManagement.dataSourcesTable.title', {
-  defaultMessage: 'Data Sources',
-});
-
-export const DS_LISTING_DESCRIPTION = i18n.translate(
-  'dataSourcesManagement.dataSourcesTable.description',
-  {
-    defaultMessage:
-      'Create and manage data source connections to help you retrieve data from multiple OpenSearch compatible sources.',
-  }
-);
-
-export const DS_LISTING_PAGE_TITLE = i18n.translate(
-  'dataSourcesManagement.dataSourcesTable.dataSourcesTitle',
-  {
-    defaultMessage: 'Data Sources',
-  }
-);
-
-export const DS_LISTING_NO_DATA = i18n.translate('dataSourcesManagement.dataSourcesTable.noData', {
-  defaultMessage: 'No Data Source Connections have been created yet.',
-});
-
-export const DS_LISTING_DATA_SOURCE_MULTI_DELETE_TITLE = i18n.translate(
-  'dataSourcesManagement.dataSourcesTable.multiDeleteTitle',
-  {
-    defaultMessage: 'Delete data source connection(s)',
-  }
-);
-
-export const DS_UPDATE_DATA_SOURCE_DELETE_TITLE = i18n.translate(
-  'dataSourcesManagement.dataSourcesUpdate.deleteTitle',
-  {
-    defaultMessage: 'Delete data source connection',
-  }
-);
-
-export const DS_LISTING_DATA_SOURCE_DELETE_ACTION = i18n.translate(
-  'dataSourcesManagement.dataSourcesTable.deleteDescription',
-  {
-    defaultMessage: 'This action will delete the selected data source connections',
-  }
-);
-
-export const DS_LISTING_DATA_SOURCE_DELETE_IMPACT = i18n.translate(
-  'dataSourcesManagement.dataSourcesTable.deleteConfirmation',
-  {
-    defaultMessage:
-      'Any objects created using data from these sources, including Index Patterns, Visualizations, and Observability Panels, will be impacted.',
-  }
-);
-
-export const DS_LISTING_DATA_SOURCE_DELETE_WARNING = i18n.translate(
-  'dataSourcesManagement.dataSourcesTable.deleteWarning',
-  {
-    defaultMessage: 'This action cannot be undone.',
-  }
-);
-
-/* CREATE DATA SOURCE */
-export const CREATE_DATA_SOURCE_BUTTON_TEXT = i18n.translate(
-  'dataSourcesManagement.dataSourceListing.createButton',
-  {
-    defaultMessage: 'Create data source connection',
-  }
-);
-export const CREATE_DATA_SOURCE_HEADER = i18n.translate(
-  'dataSourcesManagement.createDataSourceHeader',
-  {
-    defaultMessage: 'Create data source connection',
-  }
-);
-export const DATA_SOURCE_DESCRIPTION_PLACEHOLDER = i18n.translate(
-  'dataSourcesManagement.createDataSource.descriptionPlaceholder',
-  {
-    defaultMessage: 'Description of the data source',
-  }
-);
-export const ENDPOINT_URL = i18n.translate('dataSourcesManagement.createDataSource.endpointURL', {
-  defaultMessage: 'Endpoint URL',
-});
-export const ENDPOINT_PLACEHOLDER = i18n.translate(
-  'dataSourcesManagement.createDataSource.endpointPlaceholder',
-  {
-    defaultMessage: 'Sample URL: https://connectionurl.com',
-  }
-);
-export const USERNAME_PLACEHOLDER = i18n.translate(
-  'dataSourcesManagement.createDataSource.usernamePlaceholder',
-  {
-    defaultMessage: 'Username to connect to data source',
-  }
-);
-export const DATA_SOURCE_PASSWORD_PLACEHOLDER = i18n.translate(
-  'dataSourcesManagement.createDataSource.passwordPlaceholder',
-  {
-    defaultMessage: 'Password to connect to data source',
-  }
-);
-export const CREDENTIAL_SOURCE = i18n.translate(
-  'dataSourcesManagement.createDataSource.credentialSource',
-  {
-    defaultMessage: 'Credential Source',
-  }
-);
-export const AUTHENTICATION_METHOD_DESCRIPTION = i18n.translate(
-  'dataSourcesManagement.createDataSource.authenicationMethodDescription',
-  {
-    defaultMessage:
-      'Provide authentication details require to gain access to the endpoint. If no authentication is required, choose ',
-  }
-);
-export const NO_AUTHENTICATION = i18n.translate(
-  'dataSourcesManagement.createDataSource.noAuthentication',
-  {
-    defaultMessage: 'No authentication',
-  }
-);
-
-/* Edit data source */
-export const DATA_SOURCE_NOT_FOUND = i18n.translate(
-  'dataSourcesManagement.editDataSource.dataSourceNotFound',
-  {
-    defaultMessage: 'Data Source not found!',
-  }
-);
-export const DELETE_THIS_DATA_SOURCE = i18n.translate(
-  'dataSourcesManagement.editDataSource.deleteThisDataSource',
-  {
-    defaultMessage: 'Delete this Data Source',
-  }
-);
-export const NEW_PASSWORD_TEXT = i18n.translate(
-  'dataSourcesManagement.editDataSource.newPassword',
-  {
-    defaultMessage: 'Updated password',
-  }
-);
-export const CONFIRM_NEW_PASSWORD_TEXT = i18n.translate(
-  'dataSourcesManagement.editDataSource.confirmNewPassword',
-  {
-    defaultMessage: 'Confirm Updated password',
-  }
-);
-export const PASSWORD_NO_MATCH = i18n.translate(
-  'dataSourcesManagement.editDataSource.passwordNoMatch',
-  {
-    defaultMessage: 'Passwords do not match',
-  }
-);
-export const UPDATE_STORED_PASSWORD = i18n.translate(
-  'dataSourcesManagement.editDataSource.updateStoredPassword',
-  {
-    defaultMessage: 'Update stored password',
-  }
-);
-export const UPDATE_STORED_PASSWORD_DESCRIPTION = i18n.translate(
-  'dataSourcesManagement.editDataSource.updateStoredPasswordDescription',
-  {
-    defaultMessage:
-      'Update credential password to reflect accurate password to gain access to the endpoint.',
-  }
-);
-export const CONNECTION_DETAILS_TITLE = i18n.translate(
-  'dataSourcesManagement.editDataSource.connectionDetailsText',
-  {
-    defaultMessage: 'Connection Details',
-  }
-);
-export const OBJECT_DETAILS_TITLE = i18n.translate(
-  'dataSourcesManagement.editDataSource.objectDetailsText',
-  {
-    defaultMessage: 'Object Details',
-  }
-);
-export const OBJECT_DETAILS_DESCRIPTION = i18n.translate(
-  'dataSourcesManagement.editDataSource.objectDetailsDescription',
-  {
-    defaultMessage:
-      'This connection information is used for reference in tables and when adding to a data source connection',
-  }
-);
-export const CREDENTIAL = i18n.translate('dataSourcesManagement.editDataSource.credential', {
-  defaultMessage: 'Credential',
-});
-export const AUTHENTICATION_TITLE = i18n.translate(
-  'dataSourcesManagement.editDataSource.authenticationTitle',
-  {
-    defaultMessage: 'Authentication',
-  }
-);
-export const AUTHENTICATION_METHOD = i18n.translate(
-  'dataSourcesManagement.editDataSource.authenticationMethod',
-  {
-    defaultMessage: 'Authentication Method',
-  }
-);
-export const ENDPOINT_TITLE = i18n.translate('dataSourcesManagement.editDataSource.endpointTitle', {
-  defaultMessage: 'Endpoint',
-});
-export const ENDPOINT_DESCRIPTION = i18n.translate(
-  'dataSourcesManagement.editDataSource.endpointDescription',
-  {
-    defaultMessage:
-      'This connection information is used for reference in tables and when adding to a data source connection',
-  }
-);
-
-export const CANCEL_CHANGES = i18n.translate(
-  'dataSourcesManagement.editDataSource.cancelButtonLabel',
-  {
-    defaultMessage: 'Cancel changes',
-  }
-);
-export const SAVE_CHANGES = i18n.translate('dataSourcesManagement.editDataSource.saveButtonLabel', {
-  defaultMessage: 'Save changes',
-});
-
-/* Create/Edit validation */
-export const DATA_SOURCE_VALIDATION_TITLE_EXISTS = i18n.translate(
-  'dataSourcesManagement.validation.titleExists',
-  {
-    defaultMessage: 'This title is already in use',
-  }
-);
-
-/* Experimental call out text */
-export const EXPERIMENTAL_FEATURE = i18n.translate('experimentalFeature', {
-  defaultMessage: 'Experimental Feature',
-});
-export const EXPERIMENTAL_FEATURE_CALL_OUT_DESCRIPTION = i18n.translate(
-  'dataSourcesManagement.experimentalFeatureCallout.description',
-  {
-    defaultMessage:
-      'The feature is experimental and should not be used in a production environment. Any index patterns, visualization, and observability panels will be impacted if the feature is deactivated. For more information see ',
-  }
-);
-export const DATA_SOURCE_DOCUMENTATION_TEXT = i18n.translate(
-  'dataSourcesManagement.experimentalFeatureCallout.documentationText',
-  {
-    defaultMessage: 'Data Source Documentation',
-  }
-);
-export const DATA_SOURCE_LEAVE_FEEDBACK_TEXT = i18n.translate(
-  'dataSourcesManagement.experimentalFeatureCallout.feedbackText',
-  {
-    defaultMessage: 'To leave feedback, visit ',
-  }
-);
-export const DATA_SOURCE_OPEN_FORUM_TEXT = i18n.translate(
-  'dataSourcesManagement.experimentalFeatureCallout.openForumText',
-  {
-    defaultMessage: 'OpenSearch Forum',
-  }
-);
diff --git a/src/plugins/data_source_management/public/components/validation/datasource_form_validation.ts b/src/plugins/data_source_management/public/components/validation/datasource_form_validation.ts
index 4e5a465d57fb..0e861f1184f3 100644
--- a/src/plugins/data_source_management/public/components/validation/datasource_form_validation.ts
+++ b/src/plugins/data_source_management/public/components/validation/datasource_form_validation.ts
@@ -3,8 +3,8 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
+import { i18n } from '@osd/i18n';
 import { isValidUrl } from '../utils';
-import { DATA_SOURCE_VALIDATION_TITLE_EXISTS } from '../text_content';
 import { CreateDataSourceState } from '../create_data_source_wizard/components/create_form/create_data_source_form';
 import { EditDataSourceState } from '../edit_data_source/components/edit_form/edit_data_source_form';
 import { AuthType } from '../../types';
@@ -46,7 +46,9 @@ export const isTitleValid = (
   ) {
     /* title already exists */
     isValid.valid = false;
-    isValid.error = DATA_SOURCE_VALIDATION_TITLE_EXISTS;
+    isValid.error = i18n.translate('dataSourcesManagement.validation.titleExists', {
+      defaultMessage: 'This title is already in use',
+    });
   }
   return isValid;
 };
diff --git a/src/plugins/data_source_management/public/management_app/compoenent/experimental_callout/__snapshots__/experimental_callout.test.tsx.snap b/src/plugins/data_source_management/public/management_app/compoenent/experimental_callout/__snapshots__/experimental_callout.test.tsx.snap
deleted file mode 100644
index f3c2e06db210..000000000000
--- a/src/plugins/data_source_management/public/management_app/compoenent/experimental_callout/__snapshots__/experimental_callout.test.tsx.snap
+++ /dev/null
@@ -1,133 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Datasource experimental callout component should render normally 1`] = `
-<ExperimentalCallout
-  docLinks={
-    Object {
-      "links": Object {
-        "noDocumentation": Object {
-          "indexPatterns": Object {
-            "introduction": "",
-          },
-          "scriptedFields": Object {},
-        },
-      },
-    }
-  }
->
-  <EuiCallOut
-    data-test-subj="data-source-experimental-call"
-    iconType="iInCircle"
-    title="Experimental Feature"
-  >
-    <div
-      className="euiCallOut euiCallOut--primary"
-      data-test-subj="data-source-experimental-call"
-    >
-      <div
-        className="euiCallOutHeader"
-      >
-        <EuiIcon
-          aria-hidden="true"
-          className="euiCallOutHeader__icon"
-          color="inherit"
-          size="m"
-          type="iInCircle"
-        >
-          <span
-            aria-hidden="true"
-            className="euiCallOutHeader__icon"
-            color="inherit"
-            data-euiicon-type="iInCircle"
-            size="m"
-          />
-        </EuiIcon>
-        <span
-          className="euiCallOutHeader__title"
-        >
-          Experimental Feature
-        </span>
-      </div>
-      <EuiText
-        color="default"
-        size="s"
-      >
-        <div
-          className="euiText euiText--small"
-        >
-          <EuiTextColor
-            color="default"
-            component="div"
-          >
-            <div
-              className="euiTextColor euiTextColor--default"
-            >
-              <p>
-                The feature is experimental and should not be used in a production environment. Any index patterns, visualization, and observability panels will be impacted if the feature is deactivated. For more information see 
-                <EuiLink
-                  href=""
-                  target="_blank"
-                >
-                  <a
-                    className="euiLink euiLink--primary"
-                    href=""
-                    rel="noopener noreferrer"
-                    target="_blank"
-                  >
-                    Data Source Documentation
-                    <EuiIcon
-                      aria-label="External link"
-                      className="euiLink__externalIcon"
-                      size="s"
-                      type="popout"
-                    >
-                      <span
-                        aria-label="External link"
-                        className="euiLink__externalIcon"
-                        data-euiicon-type="popout"
-                        size="s"
-                      />
-                    </EuiIcon>
-                    <EuiScreenReaderOnly>
-                      <span
-                        className="euiScreenReaderOnly"
-                      >
-                        <EuiI18n
-                          default="(opens in a new tab or window)"
-                          token="euiLink.newTarget.screenReaderOnlyText"
-                        >
-                          (opens in a new tab or window)
-                        </EuiI18n>
-                      </span>
-                    </EuiScreenReaderOnly>
-                  </a>
-                </EuiLink>
-                 
-                To leave feedback, visit 
-                <EuiLink
-                  target="_blank"
-                >
-                  <button
-                    className="euiLink euiLink--primary"
-                    disabled={false}
-                    type="button"
-                  >
-                    OpenSearch Forum
-                  </button>
-                </EuiLink>
-              </p>
-            </div>
-          </EuiTextColor>
-        </div>
-      </EuiText>
-    </div>
-  </EuiCallOut>
-  <EuiSpacer
-    size="m"
-  >
-    <div
-      className="euiSpacer euiSpacer--m"
-    />
-  </EuiSpacer>
-</ExperimentalCallout>
-`;
diff --git a/src/plugins/data_source_management/public/management_app/compoenent/experimental_callout/experimental_callout.test.tsx b/src/plugins/data_source_management/public/management_app/compoenent/experimental_callout/experimental_callout.test.tsx
deleted file mode 100644
index cd61e0ea2056..000000000000
--- a/src/plugins/data_source_management/public/management_app/compoenent/experimental_callout/experimental_callout.test.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-/*
- * Copyright OpenSearch Contributors
- * SPDX-License-Identifier: Apache-2.0
- */
-
-import React from 'react';
-import { mount } from 'enzyme';
-import { ExperimentalCallout } from './experimental_callout';
-import { DocLinksStart } from 'opensearch-dashboards/public';
-import { docLinks } from '../../../mocks';
-
-const titleIdentifier = '.euiCallOutHeader__title';
-const descriptionIdentifier = '[data-test-subj="data-source-experimental-call"]';
-const expectedTitleText = 'Experimental Feature';
-const expectedDescriptionText =
-  'Experimental FeatureThe feature is experimental and should not be used in a production environment. Any index patterns, visualization, and observability panels will be impacted if the feature is deactivated. For more information see Data Source Documentation(opens in a new tab or window) To leave feedback, visit OpenSearch Forum';
-
-describe('Datasource experimental callout component', () => {
-  test('should render normally', () => {
-    const mockedDocLinks = docLinks as DocLinksStart;
-    const component = mount(<ExperimentalCallout docLinks={mockedDocLinks} />);
-    const titleText = component.find(titleIdentifier).text();
-    const descriptionText = component.find(descriptionIdentifier).last().text();
-
-    expect(titleText).toBe(expectedTitleText);
-    expect(descriptionText).toBe(expectedDescriptionText);
-    expect(component).toMatchSnapshot();
-  });
-});
diff --git a/src/plugins/data_source_management/public/management_app/compoenent/experimental_callout/experimental_callout.tsx b/src/plugins/data_source_management/public/management_app/compoenent/experimental_callout/experimental_callout.tsx
index 83e3721e19e8..611e410e373a 100644
--- a/src/plugins/data_source_management/public/management_app/compoenent/experimental_callout/experimental_callout.tsx
+++ b/src/plugins/data_source_management/public/management_app/compoenent/experimental_callout/experimental_callout.tsx
@@ -6,30 +6,47 @@
 import React from 'react';
 import { EuiCallOut, EuiLink, EuiSpacer } from '@elastic/eui';
 import { DocLinksStart } from 'opensearch-dashboards/public';
-import {
-  EXPERIMENTAL_FEATURE,
-  EXPERIMENTAL_FEATURE_CALL_OUT_DESCRIPTION,
-  DATA_SOURCE_LEAVE_FEEDBACK_TEXT,
-  DATA_SOURCE_DOCUMENTATION_TEXT,
-  DATA_SOURCE_OPEN_FORUM_TEXT,
-} from '../../../components/text_content';
+import { i18n } from '@osd/i18n';
+import { FormattedMessage } from '@osd/i18n/react';
 
 export const ExperimentalCallout = ({ docLinks }: { docLinks: DocLinksStart }) => {
   return (
     <>
       <EuiCallOut
-        title={EXPERIMENTAL_FEATURE}
+        title={i18n.translate('dataSourcesManagement.experimentalFeatureCallout.title', {
+          defaultMessage: 'Experimental Feature',
+        })}
         iconType="iInCircle"
         data-test-subj="data-source-experimental-call"
       >
         <p>
-          {EXPERIMENTAL_FEATURE_CALL_OUT_DESCRIPTION}
+          {
+            <FormattedMessage
+              id="dataSourcesManagement.experimentalFeatureCallout.description"
+              defaultMessage="The feature is experimental and should not be used in a production environment. Any index patterns, visualization, and observability panels will be impacted if the feature is deactivated. For more information see "
+            />
+          }
           <EuiLink href={docLinks.links.noDocumentation.indexPatterns.introduction} target="_blank">
-            {DATA_SOURCE_DOCUMENTATION_TEXT}
-          </EuiLink>{' '}
-          {DATA_SOURCE_LEAVE_FEEDBACK_TEXT}
+            {
+              <FormattedMessage
+                id="dataSourcesManagement.experimentalFeatureCallout.documentationText"
+                defaultMessage="Data Source Documentation"
+              />
+            }
+          </EuiLink>
+          {
+            <FormattedMessage
+              id="dataSourcesManagement.experimentalFeatureCallout.feedbackText"
+              defaultMessage="To leave feedback, visit "
+            />
+          }
           <EuiLink href={docLinks.links.noDocumentation.openSearchForum} target="_blank">
-            {DATA_SOURCE_OPEN_FORUM_TEXT}
+            {
+              <FormattedMessage
+                id="dataSourcesManagement.experimentalFeatureCallout.openForumText"
+                defaultMessage="OpenSearch Forum"
+              />
+            }
           </EuiLink>
         </p>
       </EuiCallOut>
diff --git a/src/plugins/index_pattern_management/public/components/experimental_callout/__snapshots__/experimental_callout.test.tsx.snap b/src/plugins/index_pattern_management/public/components/experimental_callout/__snapshots__/experimental_callout.test.tsx.snap
deleted file mode 100644
index 16d951e8ebc7..000000000000
--- a/src/plugins/index_pattern_management/public/components/experimental_callout/__snapshots__/experimental_callout.test.tsx.snap
+++ /dev/null
@@ -1,87 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Index pattern experimental callout component should render normally 1`] = `
-<ExperimentalCallout>
-  <EuiCallOut
-    color="warning"
-    data-test-subj="index-pattern-experimental-callout"
-    iconType="alert"
-    title="Experimental feature active"
-  >
-    <div
-      className="euiCallOut euiCallOut--warning"
-      data-test-subj="index-pattern-experimental-callout"
-    >
-      <div
-        className="euiCallOutHeader"
-      >
-        <EuiIcon
-          aria-hidden="true"
-          className="euiCallOutHeader__icon"
-          color="inherit"
-          size="m"
-          type="alert"
-        >
-          <span
-            aria-hidden="true"
-            className="euiCallOutHeader__icon"
-            color="inherit"
-            data-euiicon-type="alert"
-            size="m"
-          />
-        </EuiIcon>
-        <span
-          className="euiCallOutHeader__title"
-        >
-          Experimental feature active
-        </span>
-      </div>
-      <EuiText
-        color="default"
-        size="s"
-      >
-        <div
-          className="euiText euiText--small"
-        >
-          <EuiTextColor
-            color="default"
-            component="div"
-          >
-            <div
-              className="euiTextColor euiTextColor--default"
-            >
-              <EuiText
-                data-test-subj="index-pattern-experimental-callout-text"
-              >
-                <div
-                  className="euiText euiText--medium"
-                  data-test-subj="index-pattern-experimental-callout-text"
-                >
-                  <p>
-                    The experimental feature 
-                    <b>
-                      Data Source Connection 
-                    </b>
-                    is active. To create an index pattern without using data from an external source, use 
-                    <b>
-                      default
-                    </b>
-                    . Any index pattern created using an external data source will result in an error if the experimental feature is deactivated.
-                  </p>
-                </div>
-              </EuiText>
-            </div>
-          </EuiTextColor>
-        </div>
-      </EuiText>
-    </div>
-  </EuiCallOut>
-  <EuiSpacer
-    size="m"
-  >
-    <div
-      className="euiSpacer euiSpacer--m"
-    />
-  </EuiSpacer>
-</ExperimentalCallout>
-`;
diff --git a/src/plugins/index_pattern_management/public/components/experimental_callout/experimental_callout.test.tsx b/src/plugins/index_pattern_management/public/components/experimental_callout/experimental_callout.test.tsx
deleted file mode 100644
index a00fb635bd02..000000000000
--- a/src/plugins/index_pattern_management/public/components/experimental_callout/experimental_callout.test.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-/*
- * Copyright OpenSearch Contributors
- * SPDX-License-Identifier: Apache-2.0
- */
-
-import React from 'react';
-import { mount } from 'enzyme';
-import { ExperimentalCallout } from './experimental_callout';
-
-const titleIdentifier = '.euiCallOutHeader__title';
-const descriptionIdentifier = '[data-test-subj="index-pattern-experimental-callout-text"]';
-const expectedTitleText = 'Experimental feature active';
-const expectedDescriptionText =
-  'The experimental feature Data Source Connection is active. To create an index pattern without using data from an external source, use default. Any index pattern created using an external data source will result in an error if the experimental feature is deactivated.';
-
-describe('Index pattern experimental callout component', () => {
-  test('should render normally', () => {
-    const component = mount(<ExperimentalCallout />);
-    const titleText = component.find(titleIdentifier).text();
-    const descriptionText = component.find(descriptionIdentifier).last().text();
-
-    expect(titleText).toBe(expectedTitleText);
-    expect(descriptionText).toBe(expectedDescriptionText);
-    expect(component).toMatchSnapshot();
-  });
-});
diff --git a/src/plugins/index_pattern_management/public/components/experimental_callout/experimental_callout.tsx b/src/plugins/index_pattern_management/public/components/experimental_callout/experimental_callout.tsx
index 96859204d637..879ee1d98796 100644
--- a/src/plugins/index_pattern_management/public/components/experimental_callout/experimental_callout.tsx
+++ b/src/plugins/index_pattern_management/public/components/experimental_callout/experimental_callout.tsx
@@ -5,24 +5,54 @@
 
 import React from 'react';
 import { i18n } from '@osd/i18n';
+import { FormattedMessage } from '@osd/i18n/react';
 import { EuiCallOut, EuiSpacer, EuiText } from '@elastic/eui';
 
 export const ExperimentalCallout = () => {
   return (
     <>
       <EuiCallOut
-        title={TITLE}
+        title={i18n.translate('indexPatternManagement.experimentalFeatureCallout.title', {
+          defaultMessage: 'Experimental Feature',
+        })}
         iconType="alert"
         color="warning"
         data-test-subj="index-pattern-experimental-callout"
       >
         <EuiText data-test-subj="index-pattern-experimental-callout-text">
           <p>
-            {DESCRIPTION_FIRST_PART}
-            <b>{DATASOURCE_CONNECTION}</b>
-            {DESCRIPTION_SECOND_PART}
-            <b>{DEFAULT}</b>
-            {DESCRIPTION_THIRD_PART}
+            <FormattedMessage
+              id="indexPatternManagement.experimentalFeatureCallout.description"
+              defaultMessage="The experimental feature {dataSourceConnection} is active. "
+              values={{
+                dataSourceConnection: (
+                  <b>
+                    <FormattedMessage
+                      id="indexPatternManagement.experimentalFeatureCallout.dataSourceConnection"
+                      defaultMessage="Data Source Connection"
+                    />
+                  </b>
+                ),
+              }}
+            />
+            <FormattedMessage
+              id="indexPatternManagement.experimentalFeatureCallout.instruction"
+              defaultMessage="To create an index pattern without using data from an external source, use {default}. "
+              values={{
+                default: (
+                  <b>
+                    <FormattedMessage
+                      id="indexPatternManagement.experimentalFeatureCallout.default"
+                      defaultMessage="default"
+                    />
+                  </b>
+                ),
+              }}
+            />
+            <FormattedMessage
+              id="indexPatternManagement.experimentalFeatureCallout.instruction"
+              defaultMessage="Any index pattern created using an external data source will result in an error if the experimental feature is deactivated."
+            />
           </p>
         </EuiText>
       </EuiCallOut>
@@ -30,37 +60,3 @@ export const ExperimentalCallout = () => {
     </>
   );
 };
-
-const TITLE = i18n.translate('indexPatternManagement.experimentalFeatureCallout.title', {
-  defaultMessage: 'Experimental feature active',
-});
-
-const DESCRIPTION_FIRST_PART = i18n.translate(
-  'indexPatternManagement.experimentalFeatureCallout.descriptionPartOne',
-  {
-    defaultMessage: 'The experimental feature ',
-  }
-);
-const DATASOURCE_CONNECTION = i18n.translate(
-  'indexPatternManagement.experimentalFeatureCallout.datasourceConnection',
-  {
-    defaultMessage: 'Data Source Connection ',
-  }
-);
-const DESCRIPTION_SECOND_PART = i18n.translate(
-  'indexPatternManagement.experimentalFeatureCallout.descriptionPartTwo',
-  {
-    defaultMessage:
-      'is active. To create an index pattern without using data from an external source, use ',
-  }
-);
-const DEFAULT = i18n.translate('indexPatternManagement.experimentalFeatureCallout.default', {
-  defaultMessage: 'default',
-});
-const DESCRIPTION_THIRD_PART = i18n.translate(
-  'indexPatternManagement.experimentalFeatureCallout.descriptionPartThree',
-  {
-    defaultMessage:
-      '. Any index pattern created using an external data source will result in an error if the experimental feature is deactivated.',
-  }
-);