diff --git a/web/screens/Hub/index.tsx b/web/screens/Hub/index.tsx
index 0dd08ca2c..51c0ea7e5 100644
--- a/web/screens/Hub/index.tsx
+++ b/web/screens/Hub/index.tsx
@@ -232,12 +232,15 @@ const HubScreen = () => {
                     )}
                   >
                     <div
-                      className="h-full w-full rounded-lg border-2 border-[hsla(var(--app-border))] bg-white p-2"
+                      className="h-full w-full rounded-lg border-2 border-[hsla(var(--app-border))] bg-[hsla(var(--app-bg))] p-2"
                       onClick={() =>
                         setShowHubBannerSetting(!showHubBannerSetting)
                       }
                     >
-                      <ImagePlusIcon size={16} />
+                      <ImagePlusIcon
+                        size={16}
+                        className="text-[hsla(var(--text-secondary))]"
+                      />
                     </div>
                     <div
                       className={twMerge(