[GM3Restyling] Fix misaligned focus ring for `:active` state.

This was caused by the removal of `top` and `left` properties for the
`&::before` selectors in https://crrev.com/c/5749005, which causes the
`::before` pseudo element to cascade `top: -6px` and `left: -6px` from
the specific `&:active::before` selectors.

Fixed: 361008594
Bug: 353397958
Change-Id: I0e0c9e708696806db54755a46df1374a0eb1e72e
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/5797138
Commit-Queue: Kateryna Prokopenko <[email protected]>
Reviewed-by: Kateryna Prokopenko <[email protected]>
Auto-Submit: Benedikt Meurer <[email protected]>
diff --git a/front_end/ui/components/input/checkbox.css b/front_end/ui/components/input/checkbox.css
index 43cc509..43d1c9e 100644
--- a/front_end/ui/components/input/checkbox.css
+++ b/front_end/ui/components/input/checkbox.css
@@ -42,6 +42,8 @@
       width: 15px;
       border-radius: 5px;
       position: absolute;
+      top: 0;
+      left: 0;
       border: 2px solid var(--sys-color-state-focus-ring);
     }
   }
diff --git a/front_end/ui/legacy/inspectorCommon.css b/front_end/ui/legacy/inspectorCommon.css
index 83edca8..ff810cb 100644
--- a/front_end/ui/legacy/inspectorCommon.css
+++ b/front_end/ui/legacy/inspectorCommon.css
@@ -305,6 +305,8 @@
         width: 15px;
         border-radius: 5px;
         position: absolute;
+        top: 0;
+        left: 0;
         border: 2px solid var(--sys-color-state-focus-ring);
       }
     }