diff --git a/src/@fuse/styles/overrides/angular-material.scss b/src/@fuse/styles/overrides/angular-material.scss
index 12a77e1b..99d2b488 100644
--- a/src/@fuse/styles/overrides/angular-material.scss
+++ b/src/@fuse/styles/overrides/angular-material.scss
@@ -1341,3 +1341,17 @@ textarea.mat-mdc-input-element {
         }
     }
 }
+
+/* -------------------------------------------------------------------------- */
+/*  @ Tooltip
+/* -------------------------------------------------------------------------- */
+
+.mat-mdc-tooltip .mdc-tooltip__surface {
+    background-color: var(--fuse-text-default) !important;
+    color: white;
+
+    .dark & {
+        background-color: var(--fuse-text-secondary) !important;
+        color: var(--fuse-bg-default) !important;
+    }
+}
diff --git a/src/app/modules/admin/docs/changelog/changelog.ts b/src/app/modules/admin/docs/changelog/changelog.ts
index 25901631..a745bdbd 100644
--- a/src/app/modules/admin/docs/changelog/changelog.ts
+++ b/src/app/modules/admin/docs/changelog/changelog.ts
@@ -21,6 +21,12 @@ export class ChangelogComponent
                         '(Dependencies) Updated Angular & Angular Material to v15.1.1',
                         '(Dependencies) Updated various other packages'
                     ]
+                },
+                {
+                    type: 'Fixed',
+                    list: [
+                        '(Angular Material) Fixed: Tooltip background color is not correct',
+                    ]
                 }
             ]
         },