From 78497a87ea0ed114e906bfb641a313d9f1e6b884 Mon Sep 17 00:00:00 2001
From: dharini <dharini@hashicorp.com>
Date: Mon, 20 Mar 2023 23:14:03 +0530
Subject: [PATCH] =?UTF-8?q?chore:=20=F0=9F=A4=96=20style?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/ui/admin/app/components/form/field/secret-input/index.hbs b/ui/admin/app/components/form/field/secret-input/index.hbs
index 1130a2fe4..95b7235e8 100644
--- a/ui/admin/app/components/form/field/secret-input/index.hbs
+++ b/ui/admin/app/components/form/field/secret-input/index.hbs
@@ -28,9 +28,14 @@
     <Hds::Button
       @text={{t 'actions.edit'}}
       @icon='edit'
+      @color='secondary'
       {{on 'click' this.enableEdit}}
     />
   {{else}}
-    <Hds::Button @text={{t 'actions.cancel'}} {{on 'click' this.clearEdit}} />
+    <Hds::Button
+      @text={{t 'actions.cancel'}}
+      @color='secondary'
+      {{on 'click' this.cancelEdit}}
+    />
   {{/if}}
 </div>
\ No newline at end of file
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 d07ef164b..a83b5a16b 100644
--- a/ui/admin/app/components/form/field/secret-input/index.js
+++ b/ui/admin/app/components/form/field/secret-input/index.js
@@ -52,7 +52,7 @@ export default class FormFieldSecretInputIndexComponent extends Component {
    * Sets the secret field back to disabled mode
    */
   @action
-  clearEdit() {
+  cancelEdit() {
     this.secret = null;
     this.editing = false;
   }
diff --git a/ui/admin/app/components/form/storage-bucket/index.hbs b/ui/admin/app/components/form/storage-bucket/index.hbs
index 3746791c9..5c92f882b 100644
--- a/ui/admin/app/components/form/storage-bucket/index.hbs
+++ b/ui/admin/app/components/form/storage-bucket/index.hbs
@@ -189,6 +189,7 @@
         </F.Error>
       {{/if}}
     </Hds::Form::TextInput::Field>
+
   {{else}}
     <Form::Field::SecretInput
       @isRequired={{true}}
@@ -215,6 +216,7 @@
         </F.Error>
       {{/if}}
     </Form::Field::SecretInput>
+
   {{/if}}
   <Hds::Form::TextInput::Field
     @isRequired={{true}}
diff --git a/ui/admin/app/styles/app.scss b/ui/admin/app/styles/app.scss
index a6f43fc8f..6f32c221a 100644
--- a/ui/admin/app/styles/app.scss
+++ b/ui/admin/app/styles/app.scss
@@ -706,6 +706,7 @@
   }
   .hds-button {
     margin-top: 4.25rem;
+    width: 6rem;
   }
 }
 // session recording player