diff --git a/frontend/src/app/components/connect-db/master-encryption-password/master-encryption-password.component.css b/frontend/src/app/components/connect-db/master-encryption-password/master-encryption-password.component.css
index 4dcf047e0..497e28c27 100644
--- a/frontend/src/app/components/connect-db/master-encryption-password/master-encryption-password.component.css
+++ b/frontend/src/app/components/connect-db/master-encryption-password/master-encryption-password.component.css
@@ -8,12 +8,35 @@
.encription-password {
display: flex;
+ flex-direction: column;
margin-top: 32px;
- margin-bottom: 20px;
width: 100%;
}
-.encription-password__copy-button {
- margin-top: 4px;
- margin-left: 12px;
+.docs-notification {
+ display: flex;
+ gap: 8px;
+ background-color: var(--bg-color);
+ border-left: 12px solid #FF6F00;
+ color: var(--mat-sidenav-content-text-color);
+ margin-top: -8px;
+ padding: 16px 12px;
+}
+
+@media (prefers-color-scheme: dark) {
+ .docs-notification {
+ --bg-color: #292929;
+ }
+}
+
+@media (prefers-color-scheme: light) {
+ .docs-notification {
+ --bg-color: #F4F4F4;
+ }
+}
+
+.docs-link {
+ color: #EF6C00;
+ font-weight: 500;
+ text-decoration: none;
}
\ No newline at end of file
diff --git a/frontend/src/app/components/connect-db/master-encryption-password/master-encryption-password.component.html b/frontend/src/app/components/connect-db/master-encryption-password/master-encryption-password.component.html
index d3551ca35..2fcb4281e 100644
--- a/frontend/src/app/components/connect-db/master-encryption-password/master-encryption-password.component.html
+++ b/frontend/src/app/components/connect-db/master-encryption-password/master-encryption-password.component.html
@@ -16,19 +16,26 @@
name="masterPassword" #masterPassword="ngModel"
readonly
[(ngModel)]="masterKey">
-
+ Rocketadmin does not store the key. + Please save this password in protected place. + Share this password with all users of the connection. +
+ + Open docs + +