From e9afcc778acc6a5f4dbecfb1490d8fa689fa7b8c Mon Sep 17 00:00:00 2001
From: RachelElysia <71795832+RachelElysia@users.noreply.github.com>
Date: Thu, 8 Dec 2022 10:57:28 -0800
Subject: [PATCH] Fleet UI: Fix input field alignments (#8963)

---
 changes/issue-8753-input-field-alignment                     | 1 +
 .../components/AddHostsModal/PlatformWrapper/_styles.scss    | 5 +----
 frontend/components/forms/FormField/_styles.scss             | 2 +-
 .../HostDetailsPage/modals/OSPolicyModal/_styles.scss        | 5 +++++
 4 files changed, 8 insertions(+), 5 deletions(-)
 create mode 100644 changes/issue-8753-input-field-alignment

diff --git a/changes/issue-8753-input-field-alignment b/changes/issue-8753-input-field-alignment
new file mode 100644
index 0000000000..ab89bc672e
--- /dev/null
+++ b/changes/issue-8753-input-field-alignment
@@ -0,0 +1 @@
+* Fix buggy input field alignments
\ No newline at end of file
diff --git a/frontend/components/AddHostsModal/PlatformWrapper/_styles.scss b/frontend/components/AddHostsModal/PlatformWrapper/_styles.scss
index 7c54c6224a..a9ef065d47 100644
--- a/frontend/components/AddHostsModal/PlatformWrapper/_styles.scss
+++ b/frontend/components/AddHostsModal/PlatformWrapper/_styles.scss
@@ -63,7 +63,7 @@
     }
   }
 
-  &__advanced {
+  &__advanced--installer {
     .input-field {
       height: 115px;
     }
@@ -127,9 +127,6 @@
 
   &__advanced {
     padding-top: 6px;
-    .input-field__textarea {
-      min-height: 92px;
-    }
     .reveal-button {
       margin: 8px 0;
     }
diff --git a/frontend/components/forms/FormField/_styles.scss b/frontend/components/forms/FormField/_styles.scss
index b69dbaa1a1..27bbfc17f7 100644
--- a/frontend/components/forms/FormField/_styles.scss
+++ b/frontend/components/forms/FormField/_styles.scss
@@ -7,7 +7,7 @@
     color: $core-fleet-black;
     display: block;
     margin-bottom: $pad-small;
-    height: $form-field-label-height;
+    min-height: $form-field-label-height;
 
     &--error {
       font-weight: $bold;
diff --git a/frontend/pages/hosts/details/HostDetailsPage/modals/OSPolicyModal/_styles.scss b/frontend/pages/hosts/details/HostDetailsPage/modals/OSPolicyModal/_styles.scss
index bd60bc1ded..74522428cd 100644
--- a/frontend/pages/hosts/details/HostDetailsPage/modals/OSPolicyModal/_styles.scss
+++ b/frontend/pages/hosts/details/HostDetailsPage/modals/OSPolicyModal/_styles.scss
@@ -27,6 +27,11 @@
     }
   }
 
+  &__name {
+    .buttons {
+      margin-top: 10px;
+    }
+  }
   &__os-policy-copy-icon {
     color: $core-vibrant-blue;
     margin-left: $pad-small;