diff --git a/example/package-lock.json b/example/package-lock.json
index aae7689..2b43c5c 100644
--- a/example/package-lock.json
+++ b/example/package-lock.json
@@ -384,9 +384,9 @@
           }
         },
         "@types/react-dom": {
-          "version": "17.0.2",
-          "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-17.0.2.tgz",
-          "integrity": "sha512-Icd9KEgdnFfJs39KyRyr0jQ7EKhq8U6CcHRMGAS45fp5qgUvxL3ujUCfWFttUK2UErqZNj97t9gsVPNAqcwoCg==",
+          "version": "17.0.3",
+          "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-17.0.3.tgz",
+          "integrity": "sha512-4NnJbCeWE+8YBzupn/YrJxZ8VnjcJq5iR1laqQ1vkpQgBiA7bwk0Rp24fxsdNinzJY2U+HHS4dJJDPdoMjdJ7w==",
           "requires": {
             "@types/react": "*"
           }
diff --git a/src/components/gantt/gantt.tsx b/src/components/gantt/gantt.tsx
index f60b70c..9a03c0d 100644
--- a/src/components/gantt/gantt.tsx
+++ b/src/components/gantt/gantt.tsx
@@ -31,10 +31,10 @@ export const Gantt: React.FunctionComponent<GanttProps> = ({
   barProgressSelectedColor = "#8282f5",
   barBackgroundColor = "#b8c2cc",
   barBackgroundSelectedColor = "#aeb8c2",
-  projectProgressColor = "#f1c453",
-  projectProgressSelectedColor = "#f29e4c",
-  projectBackgroundColor = "#7db59a",
-  projectBackgroundSelectedColor = "#59a985",
+  projectProgressColor = "#7db59a",
+  projectProgressSelectedColor = "#59a985",
+  projectBackgroundColor = "#fac465",
+  projectBackgroundSelectedColor = "#f7bb53",
   milestoneBackgroundColor = "#f1c453",
   milestoneBackgroundSelectedColor = "#f29e4c",
   handleWidth = 8,