From 6c89a9ed7feb1ca7c912f375128befafa02d2794 Mon Sep 17 00:00:00 2001
From: Angel Fernando Quiroz Campos <1697880+AngelFQC@users.noreply.github.com>
Date: Wed, 11 Dec 2024 11:52:54 -0500
Subject: [PATCH] Display: Fix styles for autocomplete, buttons and cards
 components

---
 assets/css/scss/atoms/_autocomplete.scss |  2 +-
 assets/css/scss/atoms/_buttons.scss      | 10 +++++-----
 assets/css/scss/organisms/_cards.scss    |  2 +-
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/assets/css/scss/atoms/_autocomplete.scss b/assets/css/scss/atoms/_autocomplete.scss
index 43c901dd9d2..0128bc91576 100644
--- a/assets/css/scss/atoms/_autocomplete.scss
+++ b/assets/css/scss/atoms/_autocomplete.scss
@@ -92,7 +92,7 @@
     @apply cursor-default inline-flex items-center flex-initial;
 
     &-icon {
-      @apply cursor-pointer;
+      @apply cursor-pointer inline-flex;
     }
   }
 
diff --git a/assets/css/scss/atoms/_buttons.scss b/assets/css/scss/atoms/_buttons.scss
index 2f9f08ba911..3d75625c182 100644
--- a/assets/css/scss/atoms/_buttons.scss
+++ b/assets/css/scss/atoms/_buttons.scss
@@ -53,7 +53,7 @@
 
     &:hover,
     &:focus {
-      @apply bg-gray-30 border-gray-30 text-white;
+      @apply bg-gray-90 border-gray-90 text-white;
     }
   }
 
@@ -170,7 +170,7 @@ $border-color_12: #9333EA;
   $textColor: 'white';
 
   @if('warning' == $color) {
-    $textColor: 'gray-30';
+    $textColor: 'gray-90';
   }
 
   @apply bg-#{$color} text-#{$textColor};
@@ -199,7 +199,7 @@ $border-color_12: #9333EA;
       @if ('warning' == $color) {
         @apply bg-#{$color} border-#{$color} text-gray-90;
       } @else if('black' == $color) {
-        @apply bg-gray-30 border-gray-30 text-white;
+        @apply bg-gray-90 border-gray-90 text-white;
       } @else {
         @apply bg-#{$color} border-#{$color} text-white;
       }
@@ -326,7 +326,7 @@ $border-color_12: #9333EA;
 
 // plain button
 .p-button.p-button-plain {
-  @include filled-style('gray-30', 'black');
+  @include filled-style('gray-90', 'black');
 
   &.p-button-outlined {
     @include outlined-style('black');
@@ -339,7 +339,7 @@ $border-color_12: #9333EA;
 
 .p-buttonset.p-button-plain {
   > .p-button {
-    @include filled-style('gray-30', 'black');
+    @include filled-style('gray-90', 'black');
 
     &.p-button-outlined {
       @include outlined-style('black');
diff --git a/assets/css/scss/organisms/_cards.scss b/assets/css/scss/organisms/_cards.scss
index b390a706e54..ebc1fe76633 100644
--- a/assets/css/scss/organisms/_cards.scss
+++ b/assets/css/scss/organisms/_cards.scss
@@ -1,5 +1,5 @@
 .p-card {
-  @apply rounded-lg shadow-lg;
+  @apply rounded-lg bg-white drop-shadow-lg;
 
   .p-card-body {
     @apply flex flex-col space-y-4 p-4;