From 58e7007a0a23f41faf1355b818a8183e1704e9bf Mon Sep 17 00:00:00 2001
From: jaybuidl <jb@kleros.io>
Date: Mon, 27 Jan 2025 22:29:56 +0000
Subject: [PATCH] fix: sonarqube error on form label association with control

---
 .../Appeal/Classic/StageExplainer.tsx         | 22 +++++++++----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/web/src/pages/Cases/CaseDetails/Appeal/Classic/StageExplainer.tsx b/web/src/pages/Cases/CaseDetails/Appeal/Classic/StageExplainer.tsx
index 0e6ba59fd..ecf591ab9 100644
--- a/web/src/pages/Cases/CaseDetails/Appeal/Classic/StageExplainer.tsx
+++ b/web/src/pages/Cases/CaseDetails/Appeal/Classic/StageExplainer.tsx
@@ -17,7 +17,7 @@ const StyledBox = styled(Box)`
   height: auto;
   width: 100%;
   padding: 16px 24px;
-  & > div > label {
+  & > div > p {
     display: block;
     margin-bottom: 4px;
   }
@@ -46,12 +46,12 @@ interface IStageExplainer {
 const StageOneExplanation: React.FC = () => (
   <div>
     {" "}
-    <label>
+    <p>
       Losing options can only be funded <small>before</small> the deadline.
-    </label>
-    <label>
+    </p>
+    <p>
       If no losing option is <small>fully funded</small> in time, the jury decision is maintained.
-    </label>
+    </p>
   </div>
 );
 
@@ -60,14 +60,14 @@ const StageTwoExplanation: React.FC = () => {
   const options = useOptionsContext();
   return (
     <div>
-      <label>
+      <p>
         Loser deadline has <small>finalized</small>, you can only fund the current winner.
-      </label>
-      <label>
+      </p>
+      <p>
         If the current winner is not fully funded in time, the option funded during the previous stage will be declared
         as the final winner.
-      </label>
-      <label>
+      </p>
+      <p>
         {" "}
         Following choice was funded in the stage 1 :{" "}
         <small>
@@ -77,7 +77,7 @@ const StageTwoExplanation: React.FC = () => {
               )
             : null}
         </small>
-      </label>
+      </p>
     </div>
   );
 };