From 1d34d027e3be91367f4fcb00cbbe0cd4ea10d54a Mon Sep 17 00:00:00 2001
From: RachelElysia <71795832+RachelElysia@users.noreply.github.com>
Date: Wed, 17 Apr 2024 13:48:48 -0400
Subject: [PATCH] [small unreleased bug] Fleet UI: Fix Show schema button
 location (#18284)

---
 changes/18276-fix-schema-button-location                      | 1 +
 frontend/components/FleetAce/_styles.scss                     | 4 +++-
 frontend/components/SidePanelContent/_styles.scss             | 1 +
 .../policies/PolicyPage/components/PolicyForm/PolicyForm.tsx  | 2 +-
 4 files changed, 6 insertions(+), 2 deletions(-)
 create mode 100644 changes/18276-fix-schema-button-location

diff --git a/changes/18276-fix-schema-button-location b/changes/18276-fix-schema-button-location
new file mode 100644
index 0000000000..8d76c7bc72
--- /dev/null
+++ b/changes/18276-fix-schema-button-location
@@ -0,0 +1 @@
+* UI Fix to Show schema button location
\ No newline at end of file
diff --git a/frontend/components/FleetAce/_styles.scss b/frontend/components/FleetAce/_styles.scss
index 509b01e62a..c12237a3a7 100644
--- a/frontend/components/FleetAce/_styles.scss
+++ b/frontend/components/FleetAce/_styles.scss
@@ -7,10 +7,12 @@
       color: $core-vibrant-red;
     }
     &--with-action {
+      display: flex;
       justify-content: space-between;
 
       button {
-        height: 36px; // aligning space between label and textarea
+        height: initial; // aligning space between label and textarea
+        animation: fade-in 250ms ease-out;
       }
     }
   }
diff --git a/frontend/components/SidePanelContent/_styles.scss b/frontend/components/SidePanelContent/_styles.scss
index 141d80b5d1..87e7afc9f0 100644
--- a/frontend/components/SidePanelContent/_styles.scss
+++ b/frontend/components/SidePanelContent/_styles.scss
@@ -7,6 +7,7 @@
   padding: $pad-xxlarge;
   // need relative positioning for a close icon that is on some sidebars have
   position: relative;
+  animation: fade-in 250ms ease-out;
 
   .component__tooltip-wrapper__tip-text {
     max-width: 280px;
diff --git a/frontend/pages/policies/PolicyPage/components/PolicyForm/PolicyForm.tsx b/frontend/pages/policies/PolicyPage/components/PolicyForm/PolicyForm.tsx
index c37a5bedac..8727022bf5 100644
--- a/frontend/pages/policies/PolicyPage/components/PolicyForm/PolicyForm.tsx
+++ b/frontend/pages/policies/PolicyPage/components/PolicyForm/PolicyForm.tsx
@@ -294,7 +294,7 @@ const PolicyForm = ({
     }
 
     return (
-      <Button variant="small-icon" onClick={onOpenSchemaSidebar}>
+      <Button variant="text-icon" onClick={onOpenSchemaSidebar}>
         <>
           <Icon name="info" size="small" />
           Show schema