From c1a35a0f1861ed4b0d8f42497e161fa350b8538c Mon Sep 17 00:00:00 2001
From: JC Estibariz <jestibariz@bluecatnetworks.com>
Date: Tue, 18 Aug 2026 12:31:59 -0400
Subject: [PATCH] fix: use flex layout to center the button in the radio input

---
 packages/pelagos/less/inputs.less | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/packages/pelagos/less/inputs.less b/packages/pelagos/less/inputs.less
index 64d28979..235e45d7 100644
--- a/packages/pelagos/less/inputs.less
+++ b/packages/pelagos/less/inputs.less
@@ -171,8 +171,9 @@
 	}
 
 	input[type='radio'] {
-		display: inline-block;
-		position: relative;
+		display: inline-flex;
+		align-items: center;
+		justify-content: center;
 		width: 18px;
 		height: 18px;
 		flex: none;
@@ -212,14 +213,11 @@
 
 		&::after {
 			display: block;
-			position: absolute;
 			border-radius: 50%;
 			content: '';
 		}
 
 		&:checked::after {
-			top: 4px;
-			left: 4px;
 			border: 4px solid var(--interactive);
 
 			@media print {