From f7c51ba57902e08366bfb8550b5369804ae4fb39 Mon Sep 17 00:00:00 2001
From: Kroell <Katie.Kroell@safelite.com>
Date: Fri, 17 Mar 2023 15:18:19 -0400
Subject: [PATCH] Firefox styling fixes for welcome-page

---
 src/layouts/welcome-page/welcome-page.vue | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/layouts/welcome-page/welcome-page.vue b/src/layouts/welcome-page/welcome-page.vue
index 68da74f8..c64f072f 100644
--- a/src/layouts/welcome-page/welcome-page.vue
+++ b/src/layouts/welcome-page/welcome-page.vue
@@ -50,6 +50,7 @@
                         disableAutoFill
                         validationRules="damage-option-required"
                         placeHolderText="Select an option"
+                        id="welcomeDropdown"
                     />
                 </div>
             </div>
@@ -77,6 +78,7 @@
                         isRequired
                         disableAutoFill
                         placeHolderText="Select an option"
+                        id="welcomeDropdown"
                     />
                 </div>
             </div>
@@ -342,11 +344,16 @@
 {
     margin-bottom: 0rem !important;
 }
-// Temporary solution that prevents the Continue button from being hidden in Firefox
 @-moz-document url-prefix() {
+    // Temporary solution that prevents the Continue button from being hidden in Firefox
     #welcomeFooter {
         position: static !important;
     }
+    // Fixes Firefox styling defect for placeholder text in dropdown fields
+    #welcomeDropdown {
+        .form-select {
+            padding: 0.75rem 1rem;
+        }
+    }
 }
-
 </style>