From 96925f9cf18ff8c19be10d54b04812ba3c623382 Mon Sep 17 00:00:00 2001
From: RachelElysia <71795832+RachelElysia@users.noreply.github.com>
Date: Wed, 27 Jul 2022 08:19:05 -0400
Subject: [PATCH] Fleet UI: Fix jumpy action dropdown (#6891)

---
 changes/issue-6874-jumpy-action-button               |  1 +
 .../DataTable/DropdownCell/_styles.scss              | 12 ++++++------
 2 files changed, 7 insertions(+), 6 deletions(-)
 create mode 100644 changes/issue-6874-jumpy-action-button

diff --git a/changes/issue-6874-jumpy-action-button b/changes/issue-6874-jumpy-action-button
new file mode 100644
index 0000000000..d7fbcff634
--- /dev/null
+++ b/changes/issue-6874-jumpy-action-button
@@ -0,0 +1 @@
+* Fix "jumpy" action dropdown
\ No newline at end of file
diff --git a/frontend/components/TableContainer/DataTable/DropdownCell/_styles.scss b/frontend/components/TableContainer/DataTable/DropdownCell/_styles.scss
index d715993e88..39ce04ed25 100644
--- a/frontend/components/TableContainer/DataTable/DropdownCell/_styles.scss
+++ b/frontend/components/TableContainer/DataTable/DropdownCell/_styles.scss
@@ -66,13 +66,13 @@
     &.is-open {
       .Select-control .Select-placeholder {
         color: $core-vibrant-blue;
+        top: 0;
       }
-      .Select-arrow {
-        margin-top: 4px;
-        margin-bottom: -2px;
-      }
-      .Select-placeholder {
-        margin-top: 1px;
+
+      .Select-control {
+        .Select-arrow {
+          top: 0;
+        }
       }
     }
   }