diff --git a/frontend/package.json b/frontend/package.json
index c6c671c..e8d5230 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -4,6 +4,7 @@
   "private": true,
   "dependencies": {
     "@chakra-ui/core": "^0.8.0",
+    "@chakra-ui/provider": "^2.0.20",    
     "@chakra-ui/react": "^2.0.0",
     "@emotion/core": "^11.0.0",
     "@emotion/react": "^11.9.0",
diff --git a/frontend/src/index.js b/frontend/src/index.js
index 17725ac..d80a09b 100644
--- a/frontend/src/index.js
+++ b/frontend/src/index.js
@@ -1,6 +1,6 @@
 import React from "react";
 import { render } from 'react-dom';
-import { ChakraProvider } from "@chakra-ui/core";
+import { ChakraProvider } from "@chakra-ui/provider";
 
 import Header from "./Components/Header";
 import Todos from "./Components/Todos";