From 2d2953a28ab6c48aeda414270eaa784bb32a2d18 Mon Sep 17 00:00:00 2001
From: Thibaud Colas <thibaudcolas@gmail.com>
Date: Tue, 18 Feb 2025 15:58:00 +0000
Subject: [PATCH] Stop using box mixin for a11y result row

---
 client/scss/components/_a11y-result.scss | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/client/scss/components/_a11y-result.scss b/client/scss/components/_a11y-result.scss
index 4d8e0c92ae..fb5802737e 100644
--- a/client/scss/components/_a11y-result.scss
+++ b/client/scss/components/_a11y-result.scss
@@ -1,15 +1,13 @@
 @use '../tools' as *;
-@use '../../src/components/CommentApp/main.scss' as *;
 
 .w-a11y-result__row {
-  @include box;
-
-  // stylelint-disable-next-line no-duplicate-selectors, scss/selector-no-redundant-nesting-selector
-  & {
-    padding: theme('spacing.4');
-    display: flex;
-    justify-content: space-between;
-  }
+  display: flex;
+  justify-content: space-between;
+  background-color: theme('colors.surface-page');
+  padding: theme('spacing.4');
+  border-radius: theme('borderRadius.DEFAULT');
+  color: theme('colors.text-context');
+  border: 1px solid theme('colors.border-furniture');
 
   // Shows additional details within the CMS only.
   .form-side--checks & {