diff --git a/ui-ngx/src/app/modules/home/components/api-key/api-key-generated-dialog.component.scss b/ui-ngx/src/app/modules/home/components/api-key/api-key-generated-dialog.component.scss
index 7122a08f23..6fb607f5a5 100644
--- a/ui-ngx/src/app/modules/home/components/api-key/api-key-generated-dialog.component.scss
+++ b/ui-ngx/src/app/modules/home/components/api-key/api-key-generated-dialog.component.scss
@@ -15,9 +15,8 @@
*/
@import '../../src/scss/constants';
-:host{
+:host {
display: grid;
- width: 500px;
height: 100%;
max-width: 100%;
max-height: 100vh;
@@ -26,6 +25,20 @@
.tb-install-instruction-text {
min-height: 42px;
}
+
+ .insecure-url-warning {
+ .mat-icon {
+ color: #FAA405;
+ }
+ }
+
+ @media #{$mat-sm} {
+ width: 470px;
+ }
+
+ @media #{$mat-gt-sm} {
+ width: 720px;
+ }
}
:host ::ng-deep {
diff --git a/ui-ngx/src/app/modules/home/components/api-key/api-key-generated-dialog.component.ts b/ui-ngx/src/app/modules/home/components/api-key/api-key-generated-dialog.component.ts
index b60ba9ecde..999a701ae1 100644
--- a/ui-ngx/src/app/modules/home/components/api-key/api-key-generated-dialog.component.ts
+++ b/ui-ngx/src/app/modules/home/components/api-key/api-key-generated-dialog.component.ts
@@ -34,7 +34,10 @@ export interface ApiKeyGeneratedDialogData {
})
export class ApiKeyGeneratedDialogComponent extends DialogComponent