From d2e3e770970bef72cd30441b6ccb23aebc23bedf Mon Sep 17 00:00:00 2001
From: Benjamin Arias <benjamin.j.arias@gmail.com>
Date: Thu, 16 Mar 2023 14:42:29 +0100
Subject: [PATCH] fix: List style

---
 .../statistiques/DemandesUtilisateurs.tsx     | 20 +++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/site/source/pages/statistiques/DemandesUtilisateurs.tsx b/site/source/pages/statistiques/DemandesUtilisateurs.tsx
index 1826d1917..d11e7f5c1 100644
--- a/site/source/pages/statistiques/DemandesUtilisateurs.tsx
+++ b/site/source/pages/statistiques/DemandesUtilisateurs.tsx
@@ -85,7 +85,7 @@ function Issue({ title, number, count, closedAt }: IssueProps) {
 	const { t } = useTranslation()
 
 	return (
-		<Li>
+		<StyledLi>
 			{count > 1 && <Chip>{count} demandes</Chip>}{' '}
 			<Link
 				href={`https://github.com/betagouv/mon-entreprise/issues/${number}`}
@@ -97,10 +97,26 @@ function Issue({ title, number, count, closedAt }: IssueProps) {
 				{title}
 			</Link>{' '}
 			{closedAt && <small>(Résolu en {formatMonth(new Date(closedAt))})</small>}
-		</Li>
+		</StyledLi>
 	)
 }
 
+const StyledLi = styled(Li)`
+	list-style: none;
+	&::before {
+		content: '●' !important;
+		font-size: 80% !important;
+		display: inline-block !important;
+		position: absolute !important;
+		left: 0 !important;
+		width: ${({ theme }) => theme.spacings.lg}!important;
+		text-align: center !important;
+		color: ${({ theme }) => theme.colors.bases.secondary[400]}!important;
+		background-color: inherit !important;
+		margin-bottom: ${({ theme }) => theme.spacings.xs}!important;
+	}
+`
+
 function formatMonth(date: string | Date) {
 	return new Date(date).toLocaleString('default', {
 		month: 'long',