From 96b2bcd6ff143897685161ffbf14c995225c7626 Mon Sep 17 00:00:00 2001
From: dharini <dharini@hashicorp.com>
Date: Tue, 21 Mar 2023 14:42:54 +0530
Subject: [PATCH] =?UTF-8?q?fix:=20=F0=9F=90=9B=20style,=20remove=20comment?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../app/components/form/field/secret-input/index.js    |  1 -
 ui/admin/app/styles/app.scss                           | 10 ++++------
 2 files changed, 4 insertions(+), 7 deletions(-)

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;
   }
 }