From ad89732860bfe55b7a2a634a8a161f3a92cb0aac Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Zden=C4=9Bk=20=C4=8Cern=C3=BD?= <zdenek.cerny@wultra.com>
Date: Wed, 7 Jun 2023 23:09:51 +0200
Subject: [PATCH] Fix #1351: Incorrect default color for language settings

(cherry picked from commit ad0d8f5150782644c0470af5d98ea6ee45d5dce3)
---
 powerauth-webflow/src/main/js/components/app.js          | 2 ++
 .../resources/static/resources/css/customization.css     | 9 ++++-----
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/powerauth-webflow/src/main/js/components/app.js b/powerauth-webflow/src/main/js/components/app.js
index fbee45a7a..26c7e3438 100644
--- a/powerauth-webflow/src/main/js/components/app.js
+++ b/powerauth-webflow/src/main/js/components/app.js
@@ -142,6 +142,8 @@ export class App extends React.Component {
             <div>
                 <div id="lang">
                     <ReactFlagsSelect
+                      className="menu-flags"
+                      selectButtonClassName="menu-flags-button"
                       countries={languageList}
                       customLabels={languageLabels}
                       selected={selectedLanguage}
diff --git a/powerauth-webflow/src/main/resources/static/resources/css/customization.css b/powerauth-webflow/src/main/resources/static/resources/css/customization.css
index 6aed26686..12e709318 100644
--- a/powerauth-webflow/src/main/resources/static/resources/css/customization.css
+++ b/powerauth-webflow/src/main/resources/static/resources/css/customization.css
@@ -89,14 +89,13 @@ a:hover, a:active, a:focus {
     margin: 30px auto;
 }
 
-#lang a {
+#lang .menu-flags-button {
     color: white;
-    text-decoration: underline;
+    background:transparent;
 }
 
-#lang a:hover {
-    color: white !important;
-    text-decoration: none;
+#lang ul {
+    background:transparent;
 }
 
 #operation .operation-approve h3 {