diff --git a/docusaurus.config.js b/docusaurus.config.js
index f0967a79..a9615332 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -101,7 +101,7 @@ module.exports = {
           ],
         },
         {
-          title: 'Availity React',
+          title: 'Legacy Availity React',
           items: [
             {
               label: 'Documentation',
diff --git a/src/pages/index.js b/src/pages/index.js
index 57d73ec9..77a6315c 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -35,13 +35,13 @@ const features = [
     target: '_self',
   },
   {
-    title: 'Availity React',
+    title: 'Legacy Availity React',
     icon: FaReact,
     // linkStyle: 'reactIcon',
     description: (
       <>
         React components and hooks. React components are built with the Availity UI Kit and Reactstrap 8.
-        <Alert severity="error">This library will be replaced by Element.</Alert>
+        <Alert severity="error">This library has been replaced by Element.</Alert>
       </>
     ),
     href: 'https://availity.github.io/availity-react',
@@ -54,7 +54,7 @@ const features = [
     description: (
       <>
         Our custom CSS kit that is built on top of Bootstrap 4.{' '}
-        <Alert severity="error">This library will be replaced by Element.</Alert>
+        <Alert severity="error">This library has been replaced by Element.</Alert>
       </>
     ),
     href: 'https://availity.github.io/availity-uikit',