diff --git a/content/administration/maintain/supported_versions.rst b/content/administration/maintain/supported_versions.rst
index fa8cc052d..400e74f93 100644
--- a/content/administration/maintain/supported_versions.rst
+++ b/content/administration/maintain/supported_versions.rst
@@ -68,14 +68,13 @@ This matrix shows the support status of every version.
 
     🏁 Future version, not released yet
 
-.. This is an awful way to display colored circles but "Large Green Circle Emoji" was only released
-   in 2019 (see https://unicode-table.com/en/1F7E2/). Let's wait a few more years...
+.. |green| raw:: html
 
-.. |green| image:: data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMzIuMTkgMjMyLjE5Ij48Y2lyY2xlIGN4PSIxMTYuMDkiIGN5PSIxMTYuMDkiIHI9IjExNi4wOSIgc3R5bGU9ImZpbGw6IzAwYTcwMCIvPjwvc3ZnPg==
-   :width: 15
+   <span class="text-success" style="font-size: 32px; line-height: 0.5">●</span>
 
-.. |red| image:: data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMzIuMTkgMjMyLjE5Ij48Y2lyY2xlIGN4PSIxMTYuMDkiIGN5PSIxMTYuMDkiIHI9IjExNi4wOSIgc3R5bGU9ImZpbGw6I2QwMDAwMCIvPjwvc3ZnPg==
-   :width: 15
+.. |red| raw:: html
+
+   <span class="text-danger" style="font-size: 32px; line-height: 0.5">●</span>
 
 I run an older version of Odoo/OpenERP/TinyERP
 ==============================================
diff --git a/extensions/odoo_theme/static/style.scss b/extensions/odoo_theme/static/style.scss
index 294115d6e..56ef0cef1 100644
--- a/extensions/odoo_theme/static/style.scss
+++ b/extensions/odoo_theme/static/style.scss
@@ -755,14 +755,18 @@ header {
                     font-weight: $fw_semibold;
                 }
 
-                img:not([alt="green"]):not([alt="orange"]):not([alt="red"]) {
+                img {
                     border: 1px solid $gray-lighter;
                     background: $white;
                     padding: .5rem;
+                    margin-bottom: 1rem;
+                }
+
+                img:not(.o-no-modal) {
                     cursor: pointer;
                 }
 
-                img:not([alt="green"]):not([alt="orange"]):not([alt="red"]), iframe {
+                iframe {
                     margin-bottom: 1rem;
                 }