diff --git a/src/locales/en-US/translation.json b/src/locales/en-US/translation.json
index 23c4f0ef41..a6632e20c6 100644
--- a/src/locales/en-US/translation.json
+++ b/src/locales/en-US/translation.json
@@ -70,8 +70,7 @@
   },
   "states": {
     "success": "Success!",
-    "error": "Error!",
-    "loading": "Loading..."
+    "error": "Error!"
   },
   "scheduling": {
     "label": "Scheduling",
diff --git a/src/patients/related-persons/RelatedPersonTab.tsx b/src/patients/related-persons/RelatedPersonTab.tsx
index 55214a584e..8eecc152da 100644
--- a/src/patients/related-persons/RelatedPersonTab.tsx
+++ b/src/patients/related-persons/RelatedPersonTab.tsx
@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from 'react'
-import { Button, Panel, List, ListItem, Alert } from '@hospitalrun/components'
+import { Button, Panel, List, ListItem, Alert, Spinner } from '@hospitalrun/components'
 import NewRelatedPersonModal from 'patients/related-persons/NewRelatedPersonModal'
 import RelatedPerson from 'model/RelatedPerson'
 import { useTranslation } from 'react-i18next'
@@ -113,7 +113,7 @@ const RelatedPersonTab = (props: Props) => {
                 />
               )
             ) : (
-            <h1>{t('states.loading')}</h1>
+              <Spinner color="blue" loading size={[10, 25]} type="ScaleLoader" />
             )}
           </Panel>
         </div>