diff --git a/package-lock.json b/package-lock.json
index 9e0eda7..c97bdf3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/coreui-free-react-admin-template",
-  "version": "3.0.0-beta.1",
+  "version": "3.0.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
@@ -1194,9 +1194,9 @@
       }
     },
     "@coreui/coreui": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/@coreui/coreui/-/coreui-3.2.0.tgz",
-      "integrity": "sha512-/phj0z2DhbJ955bVCjoRbGG0qt0KdjUAG6erdLF14FPV410QbaW3J4PIe9kAZUz86CJ/lXUMzKSYYR3gr7dOAQ=="
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/@coreui/coreui/-/coreui-3.2.2.tgz",
+      "integrity": "sha512-LvQPLTigUeqOsZFmzXSl2Uz3Wx4Y0nvm3MJTVOEoyKl3tGhkBbe7P41He7277jxz3PyoiSX5vbRj8+WMHQIJTg=="
     },
     "@coreui/icons": {
       "version": "2.0.0-beta.4",
@@ -1213,27 +1213,20 @@
       }
     },
     "@coreui/react": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/@coreui/react/-/react-3.0.1.tgz",
-      "integrity": "sha512-ckqTBvaRLZVsjV5ncE2Mz8SDxa4+iiBCm/uCbsmuQL2PMhgzofKmS4i52WWTTtkc//OQJ8ahBZRbKCFiOmW4VQ==",
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@coreui/react/-/react-3.0.3.tgz",
+      "integrity": "sha512-JQk8/4sAg+sxIYWYDzEwU+UdgojVowJz5G/pl51Il23SCF6GU/qsRT7v9pwcFluLbkYoGdFgLj3On9H2P/4SNg==",
       "requires": {
-        "@coreui/icons": "2.0.0-beta.3",
+        "@coreui/icons": "^2.0.0-beta.4",
         "@coreui/icons-react": "^1.0.1",
         "@coreui/utils": "~1.3.1",
-        "@popperjs/core": "~2.4.0",
+        "@popperjs/core": "~2.4.2",
         "classnames": "~2.2.6",
         "core-js": "~3.6.5",
         "perfect-scrollbar": "~1.5.0",
         "prop-types": "~15.7.2",
         "react-transition-group": "~4.4.1",
         "tippy.js": "~6.2.3"
-      },
-      "dependencies": {
-        "@coreui/icons": {
-          "version": "2.0.0-beta.3",
-          "resolved": "https://registry.npmjs.org/@coreui/icons/-/icons-2.0.0-beta.3.tgz",
-          "integrity": "sha512-ZUP4Z8Nh8PfU/g5DMMkU0BPN8vJLSzuOUHKJzOkQvdPv7Zm+ftK5OA491LYn9ybG5QBAZGkpXF/i3cry3PmtUw=="
-        }
       }
     },
     "@coreui/react-chartjs": {
@@ -1659,9 +1652,9 @@
       "dev": true
     },
     "@popperjs/core": {
-      "version": "2.4.0",
-      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.4.0.tgz",
-      "integrity": "sha512-NMrDy6EWh9TPdSRiHmHH2ye1v5U0gBD7pRYwSwJvomx7Bm4GG04vu63dYiVzebLOx2obPpJugew06xVP0Nk7hA=="
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.4.2.tgz",
+      "integrity": "sha512-JlGTGRYHC2QK+DDbePyXdBdooxFq2+noLfWpRqJtkxcb/oYWzOF0kcbfvvbWrwevCC1l6hLUg1wHYT+ona5BWQ=="
     },
     "@svgr/babel-plugin-add-jsx-attribute": {
       "version": "4.2.0",
diff --git a/package.json b/package.json
index 2c72b92..afaf730 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/coreui-free-react-admin-template",
-  "version": "3.0.0-beta.1",
+  "version": "3.0.0",
   "description": "CoreUI React Open Source Bootstrap 4 Admin Template",
   "author": {
     "name": "CoreUI",
@@ -24,10 +24,10 @@
   },
   "dependencies": {
     "@coreui/chartjs": "^2.0.0",
-    "@coreui/coreui": "^3.2.0",
+    "@coreui/coreui": "^3.2.2",
     "@coreui/icons": "2.0.0-beta.4",
     "@coreui/icons-react": "^1.0.1",
-    "@coreui/react": "^3.0.1",
+    "@coreui/react": "^3.0.3",
     "@coreui/react-chartjs": "^1.0.0",
     "@coreui/utils": "^1.3.1",
     "classnames": "^2.2.6",
@@ -75,7 +75,7 @@
     ]
   },
   "engines": {
-    "node": ">=8.16",
+    "node": ">=10",
     "npm": ">=6"
   }
 }
diff --git a/src/views/base/popovers/Popovers.js b/src/views/base/popovers/Popovers.js
index b2f318c..1d193da 100644
--- a/src/views/base/popovers/Popovers.js
+++ b/src/views/base/popovers/Popovers.js
@@ -89,6 +89,8 @@ const Popovers = () => {
                   <CPopover header="Popover header"
                     content={`Popover with placement: ${placement}`}
                     placement={placement}
+                    interactive={true}
+                    trigger="click"
                   >
                     <CButton color="primary">
                       { placement }
diff --git a/src/views/notifications/modals/Modals.js b/src/views/notifications/modals/Modals.js
index c3c8de8..dcd9803 100644
--- a/src/views/notifications/modals/Modals.js
+++ b/src/views/notifications/modals/Modals.js
@@ -35,11 +35,20 @@ const Modals = () => {
             <CButton 
               onClick={() => setModal(!modal)} 
               className="mr-1"
+              color="secondary"
             >Launch demo modal</CButton>
-            <CButton onClick={() => setLarge(!large)} className="mr-1">
+            <CButton 
+              onClick={() => setLarge(!large)} 
+              className="mr-1" 
+              color="secondary"
+            >
               Launch large modal
             </CButton>
-            <CButton onClick={() => setSmall(!large)} className="mr-1">
+            <CButton 
+              onClick={() => setSmall(!large)} 
+              className="mr-1" 
+              color="secondary"
+            >
               Launch small modal
             </CButton>
             <CModal