From 057a29a9a902055e271cf12d3f4e3eb8624419f8 Mon Sep 17 00:00:00 2001
From: Phillip Lovelace <phillip.lovelace@kajabi.com>
Date: Tue, 6 Aug 2024 13:30:23 -0700
Subject: [PATCH] style(dropdown): add display flex to dropdown trigger (#1934)

* style(dropdown): add display flex to dropdown trigger

* style(dropdown): reorder css property
---
 .../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..b528681126 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;
   }
@@ -413,6 +413,7 @@ $-dropdown-trigger-dropdown-offset: rem(16px) + sage-spacing(xs);
 }
 
 .sage-dropdown__trigger {
+  display: flex;
   width: 100%;
   border-radius: inherit;