diff --git a/ui/admin/app/components/form/field/secret-input/index.js b/ui/admin/app/components/form/field/secret-input/index.js index a83b5a16b..3a1876f7a 100644 --- a/ui/admin/app/components/form/field/secret-input/index.js +++ b/ui/admin/app/components/form/field/secret-input/index.js @@ -15,7 +15,6 @@ export default class FormFieldSecretInputIndexComponent extends Component { */ @tracked editing = false; @tracked secret; - // =actions /** * Returns true if the resource form is in read only mode diff --git a/ui/admin/app/styles/app.scss b/ui/admin/app/styles/app.scss index 474afc396..a93a83090 100644 --- a/ui/admin/app/styles/app.scss +++ b/ui/admin/app/styles/app.scss @@ -690,24 +690,22 @@ // secret input field .secret-input { display: flex; - align-items: flex-start; - justify-content: space-between; + align-items: flex-end; + column-gap: 0.5rem; .hds-form-text-input { - width: 99%; - &::placeholder { content: ''; width: 80%; height: 0.65rem; - background-color: var(--ui-gray-subtler-3); + background-color: var(--token-color-palette-neutral-200); border-radius: 0.25rem; vertical-align: middle; } } .hds-button { - margin-top: 4.25rem; + margin-bottom: 1.5rem; width: 6rem; } }