From 4ca9b8a9d52a2463af4afa0663b31fdafdeac680 Mon Sep 17 00:00:00 2001
From: Paul Holden <paulh@moodle.com>
Date: Wed, 25 Feb 2026 12:41:24 +0000
Subject: [PATCH] MDL-88054 tool_mfa: ensure factor preference icons are
 circular.

They were once, but then weren't. Probably same cause as that fixed
in 0ff8f7b2 for all emoticons.
---
 admin/tool/mfa/styles.css          | 5 +++++
 theme/boost/scss/moodle/icons.scss | 2 ++
 theme/boost/style/moodle.css       | 2 ++
 theme/classic/style/moodle.css     | 2 ++
 4 files changed, 11 insertions(+)

diff --git a/admin/tool/mfa/styles.css b/admin/tool/mfa/styles.css
index 2a376f12b12..47296d2a2f6 100644
--- a/admin/tool/mfa/styles.css
+++ b/admin/tool/mfa/styles.css
@@ -38,3 +38,8 @@ input.tool-mfa-verification-code,
 .mfa-verify-form .form-group.fitem > span > input {
     width: 100%;
 }
+
+#mfalist .icon-circle .icon {
+    width: 64px;
+    height: 64px;
+}
diff --git a/theme/boost/scss/moodle/icons.scss b/theme/boost/scss/moodle/icons.scss
index 5c11b798791..3ef7f392e45 100644
--- a/theme/boost/scss/moodle/icons.scss
+++ b/theme/boost/scss/moodle/icons.scss
@@ -266,6 +266,8 @@ img.icon {
     .icon {
         margin: 0;
         text-align: center;
+        width: unset;
+        height: unset;
         max-width: unset;
         max-height: unset;
         color: $black;
diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
index 3a40d0de90d..1e26e7ebf8d 100644
--- a/theme/boost/style/moodle.css
+++ b/theme/boost/style/moodle.css
@@ -28939,6 +28939,8 @@ img.icon {
 .icon-circle .icon {
   margin: 0;
   text-align: center;
+  width: unset;
+  height: unset;
   max-width: unset;
   max-height: unset;
   color: #000;
diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
index e2e1b38628d..4f1ac5595d7 100644
--- a/theme/classic/style/moodle.css
+++ b/theme/classic/style/moodle.css
@@ -28939,6 +28939,8 @@ img.icon {
 .icon-circle .icon {
   margin: 0;
   text-align: center;
+  width: unset;
+  height: unset;
   max-width: unset;
   max-height: unset;
   color: #000;