diff --git a/apps/client/src/app/components/admin-settings/admin-settings.component.html b/apps/client/src/app/components/admin-settings/admin-settings.component.html
index 2dcdefdd0..2d577d582 100644
--- a/apps/client/src/app/components/admin-settings/admin-settings.component.html
+++ b/apps/client/src/app/components/admin-settings/admin-settings.component.html
@@ -23,7 +23,7 @@
[enableLink]="false"
/>
@if (isGhostfolioApiKeyValid === false) {
- Early Access
}
@@ -105,12 +105,11 @@
} @else if (isGhostfolioApiKeyValid === false) {
}
}
diff --git a/apps/client/src/app/components/admin-settings/admin-settings.component.scss b/apps/client/src/app/components/admin-settings/admin-settings.component.scss
index c08ba95bc..384143300 100644
--- a/apps/client/src/app/components/admin-settings/admin-settings.component.scss
+++ b/apps/client/src/app/components/admin-settings/admin-settings.component.scss
@@ -1,6 +1,19 @@
:host {
display: block;
+ button {
+ &.special {
+ background: linear-gradient(45deg, rgb(228, 94, 237), rgb(104, 94, 237));
+ color: #fff;
+ }
+ }
+
+ .badge {
+ &.early-access {
+ border: 1px solid var(--mat-table-row-item-outline-color);
+ }
+ }
+
.mat-mdc-progress-bar {
--mdc-linear-progress-active-indicator-height: 0.5rem;
--mdc-linear-progress-track-height: 0.5rem;