From 3c91b9e17310572610adaa6adfe7eb6903d115b3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mu-An=20=E6=85=95=E5=AE=89?= <me@muanchiou.com>
Date: Tue, 12 May 2020 17:48:36 -0400
Subject: [PATCH 1/3] Make sure autocomplete resets button styles

---
 src/autocomplete/autocomplete.scss | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/autocomplete/autocomplete.scss b/src/autocomplete/autocomplete.scss
index 5c5d1f8851..2bfbc233a7 100644
--- a/src/autocomplete/autocomplete.scss
+++ b/src/autocomplete/autocomplete.scss
@@ -26,6 +26,9 @@
   text-overflow: ellipsis;
   white-space: nowrap;
   cursor: pointer;
+  color: $text-gray-dark;
+  background-color: $bg-white;
+  border: 0;
 
   &:hover,
   &.selected,

From d51d06739669a484c2f3a138eab4eb04a483b75b Mon Sep 17 00:00:00 2001
From: Mu-An Chiou <me@muanchiou.com>
Date: Tue, 12 May 2020 18:02:02 -0400
Subject: [PATCH 2/3] Fix property order

---
 src/autocomplete/autocomplete.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/autocomplete/autocomplete.scss b/src/autocomplete/autocomplete.scss
index 2bfbc233a7..2f0b01a4eb 100644
--- a/src/autocomplete/autocomplete.scss
+++ b/src/autocomplete/autocomplete.scss
@@ -22,11 +22,11 @@
   padding: $spacer-1 $spacer-2;
   overflow: hidden;
   font-weight: $font-weight-bold;
+  color: $text-gray-dark;
   text-decoration: none;
   text-overflow: ellipsis;
   white-space: nowrap;
   cursor: pointer;
-  color: $text-gray-dark;
   background-color: $bg-white;
   border: 0;
 

From 60e5fdb14fa87f242a1e7952f1ce79c7de1ebdab Mon Sep 17 00:00:00 2001
From: Mu-An Chiou <me@muanchiou.com>
Date: Tue, 12 May 2020 18:25:42 -0400
Subject: [PATCH 3/3] Add width and text-align so button works out of the box

---
 src/autocomplete/autocomplete.scss | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/autocomplete/autocomplete.scss b/src/autocomplete/autocomplete.scss
index 2f0b01a4eb..7aad54a261 100644
--- a/src/autocomplete/autocomplete.scss
+++ b/src/autocomplete/autocomplete.scss
@@ -19,10 +19,12 @@
 
 .autocomplete-item {
   display: block;
+  width: 100%;
   padding: $spacer-1 $spacer-2;
   overflow: hidden;
   font-weight: $font-weight-bold;
   color: $text-gray-dark;
+  text-align: left;
   text-decoration: none;
   text-overflow: ellipsis;
   white-space: nowrap;