From aaa0c41422e6cfc7cda073c80a61132b0a548f23 Mon Sep 17 00:00:00 2001
From: Phillip Lovelace <phillip.lovelace@kajabi.com>
Date: Tue, 6 Aug 2024 12:39:33 -0700
Subject: [PATCH 1/2] style(dropdown): add display flex to dropdown trigger

---
 .../lib/stylesheets/components/_dropdown.scss     | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/packages/sage-assets/lib/stylesheets/components/_dropdown.scss b/packages/sage-assets/lib/stylesheets/components/_dropdown.scss
index aa9b7dffc2..56e52b8fa9 100644
--- a/packages/sage-assets/lib/stylesheets/components/_dropdown.scss
+++ b/packages/sage-assets/lib/stylesheets/components/_dropdown.scss
@@ -273,7 +273,7 @@ $-dropdown-trigger-dropdown-offset: rem(16px) + sage-spacing(xs);
   max-height: $-dropdown-panel-max-height;
   padding: sage-spacing(xs) 0;
   border-radius: sage-border(radius-medium);
-  
+
   // adds a box shadow to the menu when it is scrollable
   overflow-scrolling: touch;
   background:
@@ -282,27 +282,27 @@ $-dropdown-trigger-dropdown-offset: rem(16px) + sage-spacing(xs);
       white 30%,
       rgba(255, 255, 255, 0)
     ) center top,
-    
+
     /* Shadow Cover BOTTOM */
     linear-gradient(
-      rgba(255, 255, 255, 0), 
+      rgba(255, 255, 255, 0),
       white 70%
     ) center bottom,
-    
+
     /* Shadow TOP */
     radial-gradient(
       farthest-side at 50% 0,
       rgba(0, 0, 0, 0.2),
       rgba(0, 0, 0, 0)
     ) center top,
-    
+
     /* Shadow BOTTOM */
     radial-gradient(
       farthest-side at 50% 100%,
       rgba(0, 0, 0, 0.2),
       rgba(0, 0, 0, 0)
     ) center bottom;
-  
+
   background-repeat: no-repeat;
   background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
   background-attachment: local, local, scroll, scroll;
@@ -322,7 +322,7 @@ $-dropdown-trigger-dropdown-offset: rem(16px) + sage-spacing(xs);
   .sage-dropdown--page-size & {
     min-width: 100%;
   }
-  
+
   @media (max-height: $-dropdown-panel-max-height-breakpoint) {
     max-height: $-dropdown-panel-max-height-small;
   }
@@ -415,6 +415,7 @@ $-dropdown-trigger-dropdown-offset: rem(16px) + sage-spacing(xs);
 .sage-dropdown__trigger {
   width: 100%;
   border-radius: inherit;
+  display: flex;
 
   &.sage-dropdown__trigger--options {
     min-width: auto;

From 5145684beca0e1e263b2f7dd3b8742837434f5e5 Mon Sep 17 00:00:00 2001
From: Phillip Lovelace <phillip.lovelace@kajabi.com>
Date: Tue, 6 Aug 2024 12:48:48 -0700
Subject: [PATCH 2/2] style(dropdown): reorder css property

---
 packages/sage-assets/lib/stylesheets/components/_dropdown.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/sage-assets/lib/stylesheets/components/_dropdown.scss b/packages/sage-assets/lib/stylesheets/components/_dropdown.scss
index 56e52b8fa9..b528681126 100644
--- a/packages/sage-assets/lib/stylesheets/components/_dropdown.scss
+++ b/packages/sage-assets/lib/stylesheets/components/_dropdown.scss
@@ -413,9 +413,9 @@ $-dropdown-trigger-dropdown-offset: rem(16px) + sage-spacing(xs);
 }
 
 .sage-dropdown__trigger {
+  display: flex;
   width: 100%;
   border-radius: inherit;
-  display: flex;
 
   &.sage-dropdown__trigger--options {
     min-width: auto;