diff --git a/CHANGELOG.md b/CHANGELOG.md
index 1edb96771..cab185008 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -10,6 +10,11 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Fixed
 
 - Fixed the position detail chart if there are missing historical data around the first buy date
+- Fixed the snack bar background color in dark mode
+
+### Changed
+
+- Upgraded `angular-material-css-vars` from version `2.1.0` to `2.1.2`
 
 ## 1.36.0 - 09.08.2021
 
diff --git a/package.json b/package.json
index f98d49649..0adefc53c 100644
--- a/package.json
+++ b/package.json
@@ -71,7 +71,7 @@
     "@simplewebauthn/typescript-types": "3.0.0",
     "@stripe/stripe-js": "1.15.0",
     "alphavantage": "2.2.0",
-    "angular-material-css-vars": "2.1.0",
+    "angular-material-css-vars": "2.1.2",
     "bent": "7.3.12",
     "big.js": "6.1.1",
     "bootstrap": "4.6.0",
diff --git a/yarn.lock b/yarn.lock
index 7ff09db63..b0bad3ed3 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3432,10 +3432,10 @@ alphavantage@2.2.0:
   dependencies:
     cross-fetch "^3.0.5"
 
-angular-material-css-vars@2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/angular-material-css-vars/-/angular-material-css-vars-2.1.0.tgz#43eac3bb3e74f509914c69106a194e3eab3f02f9"
-  integrity sha512-lFVzWOm8sVprhKobvEy+53VkulCAYTC1evv7EjBCpshm964voeYJ6k2Aqq0yZFNKMaQeGpMvwXSEZVvOyBzvTQ==
+angular-material-css-vars@2.1.2:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/angular-material-css-vars/-/angular-material-css-vars-2.1.2.tgz#cf2ac1349014ce1e29e699286d67928ba4aad7c9"
+  integrity sha512-cyfsky93k5e2huS786tuOkffIFeWqAj2bp/DbvNk0g20VYpPjdkZ1cZI/exMkAFijo140refBdilQ0DYIoxEIw==
   dependencies:
     "@ctrl/tinycolor" "^2.6.0"
     tslib "^2.0.0"