diff --git a/apps/dcellar-web-ui/CHANGELOG.json b/apps/dcellar-web-ui/CHANGELOG.json
index 7d90ed4c..155d9d30 100644
--- a/apps/dcellar-web-ui/CHANGELOG.json
+++ b/apps/dcellar-web-ui/CHANGELOG.json
@@ -1,6 +1,18 @@
 {
   "name": "dcellar-web-ui",
   "entries": [
+    {
+      "version": "1.8.2",
+      "tag": "dcellar-web-ui_v1.8.2",
+      "date": "Thu, 10 Oct 2024 12:15:36 GMT",
+      "comments": {
+        "patch": [
+          {
+            "comment": "Fix the background color of the renewal notification bar"
+          }
+        ]
+      }
+    },
     {
       "version": "1.8.1",
       "tag": "dcellar-web-ui_v1.8.1",
diff --git a/apps/dcellar-web-ui/CHANGELOG.md b/apps/dcellar-web-ui/CHANGELOG.md
index b280c2c8..2f2aa2f7 100644
--- a/apps/dcellar-web-ui/CHANGELOG.md
+++ b/apps/dcellar-web-ui/CHANGELOG.md
@@ -1,6 +1,13 @@
 # Change Log - dcellar-web-ui
 
-This log was last generated on Thu, 10 Oct 2024 09:53:45 GMT and should not be manually modified.
+This log was last generated on Thu, 10 Oct 2024 12:15:36 GMT and should not be manually modified.
+
+## 1.8.2
+Thu, 10 Oct 2024 12:15:36 GMT
+
+### Patches
+
+- Fix the background color of the renewal notification bar
 
 ## 1.8.1
 Thu, 10 Oct 2024 09:53:45 GMT
diff --git a/apps/dcellar-web-ui/package.json b/apps/dcellar-web-ui/package.json
index e3148b1a..8cab1418 100644
--- a/apps/dcellar-web-ui/package.json
+++ b/apps/dcellar-web-ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "dcellar-web-ui",
-  "version": "1.8.1",
+  "version": "1.8.2",
   "private": false,
   "scripts": {
     "dev": "node ./scripts/dev.js -p 3200",
diff --git a/apps/dcellar-web-ui/src/components/RenewalNotification/index.tsx b/apps/dcellar-web-ui/src/components/RenewalNotification/index.tsx
index 07b3c342..6cb9ee30 100644
--- a/apps/dcellar-web-ui/src/components/RenewalNotification/index.tsx
+++ b/apps/dcellar-web-ui/src/components/RenewalNotification/index.tsx
@@ -210,7 +210,7 @@ export const RenewalNotification = ({ address }: RenewalNotificationProps) => {
           <Flex
             key={index}
             color={item.type === 'danger' ? '#CA300E' : 'readable.label-normal'}
-            bgColor={item.type === 'danger' ? 'rgba(238, 57, 17, 0.1)' : 'opacity3'}
+            bgColor={item.type === 'danger' ? 'rgba(238, 57, 17, 0.1)' : 'opacity5'}
             borderRadius={4}
             padding={'8px 12px'}
             gap={12}