From 3291bd119460b5251f828ddfce3a12149248c108 Mon Sep 17 00:00:00 2001
From: Wouter Admiraal <wouter.admiraal@sonarsource.com>
Date: Fri, 12 Aug 2022 08:57:05 +0200
Subject: [PATCH] SONAR-16731 [891572] Visual list is not marked up as list

---
 .../src/main/js/apps/projects/components/FavoriteFilter.tsx   | 2 +-
 .../src/main/js/components/controls/ButtonToggle.css          | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/server/sonar-web/src/main/js/apps/projects/components/FavoriteFilter.tsx b/server/sonar-web/src/main/js/apps/projects/components/FavoriteFilter.tsx
index 008d4380449..6657f1388eb 100644
--- a/server/sonar-web/src/main/js/apps/projects/components/FavoriteFilter.tsx
+++ b/server/sonar-web/src/main/js/apps/projects/components/FavoriteFilter.tsx
@@ -62,7 +62,7 @@ export class FavoriteFilter extends React.PureComponent<Props> {
     }
 
     return (
-      <div className="page-header text-center">
+      <div className="page-header text-center display-flex-justify-center">
         <ButtonToggle
           options={[
             { value: true, label: translate('my_favorites') },
diff --git a/server/sonar-web/src/main/js/components/controls/ButtonToggle.css b/server/sonar-web/src/main/js/components/controls/ButtonToggle.css
index 31b156ffd3f..2334d72080d 100644
--- a/server/sonar-web/src/main/js/components/controls/ButtonToggle.css
+++ b/server/sonar-web/src/main/js/components/controls/ButtonToggle.css
@@ -20,9 +20,9 @@
 
 .button-toggle {
   display: flex;
-  justify-content: center;
+  list-style: none !important;
 }
 
 .button-toggle li:not(:first-child) {
-  margin-left: -2px;
+  margin-left: -1px;
 }
-- 
2.39.5