diff --git a/ux.symfony.com/assets/icons/fluent-emoji-flat/open-book.svg b/ux.symfony.com/assets/icons/fluent-emoji-flat/open-book.svg
deleted file mode 100644
index 1c82a53f2e4..00000000000
--- a/ux.symfony.com/assets/icons/fluent-emoji-flat/open-book.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#B4ACBC" fill-rule="evenodd" d="M16 8.05A3.5 3.5 0 0 1 18.5 7h8c.743 0 1.39.404 1.734 1.003c.07.121.096.26.096.4v2.294L29 25.5a2.5 2.5 0 0 1-2.5 2.5h-21A2.5 2.5 0 0 1 3 25.5l.67-14.803V8.403c0-.14.026-.279.096-.4A2 2 0 0 1 5.5 7h8c.98 0 1.865.402 2.5 1.05" clip-rule="evenodd"/><path fill="#0074BA" d="M17.732 30H28.5c.83 0 1.501-.678 1.501-1.505V27.44c0-.827-.67-2.441-1.501-2.441h-25C2.671 25 2 26.614 2 27.441v1.064C2 29.332 2.67 30 3.501 30h10.767a2 2 0 0 0 3.464 0"/><path fill="#00A6ED" fill-rule="evenodd" d="M3.501 10H14v1h4v-1h10.499c.83 0 1.501.668 1.501 1.495v16c0 .827-.67 1.505-1.501 1.505H17.732a2 2 0 0 1-3.464 0H3.5c-.829 0-1.5-.668-1.5-1.495v-16.01C2 10.668 2.67 10 3.501 10M17.5 27.5a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0" clip-rule="evenodd"/><path fill="#B4ACBC" d="M13 8H5.803a1.5 1.5 0 0 0-1.248.668L3 11v14.5A1.5 1.5 0 0 0 4.5 27h23a1.5 1.5 0 0 0 1.5-1.5V11l-1.555-2.332A1.5 1.5 0 0 0 26.197 8H19v3h-6z"/><path fill="#F3EEF8" d="M5.5 8h8a2.5 2.5 0 0 1 2.5 2.5V27l-.447-.894A2 2 0 0 0 13.763 25H5.5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1m13 0h8a1 1 0 0 1 1 1v15a1 1 0 0 1-1 1h-8.264a2 2 0 0 0-1.736 1.007V9c.456-.607 1.182-1 2-1"/></g></svg>
\ No newline at end of file
diff --git a/ux.symfony.com/assets/styles/components/_DocsLink.scss b/ux.symfony.com/assets/styles/components/_DocsLink.scss
index bf25310d2af..b4d7445edc1 100644
--- a/ux.symfony.com/assets/styles/components/_DocsLink.scss
+++ b/ux.symfony.com/assets/styles/components/_DocsLink.scss
@@ -19,7 +19,7 @@
     border-radius: var(--border-radius-sm, .5rem);
     height: 52px;
     opacity: 1;
-    padding: var(--space-small, .25rem) var(--space-large, 1rem);
+    padding: var(--space-small, .75rem) var(--space-large, 1.5rem);
     transform: translateY(50%);
 
     p {
@@ -27,9 +27,7 @@
     }
 
     svg {
-      fill: none;
-      position: relative;
-      bottom: 2px;
+      font-size: 1.5rem;
     }
 
     &:hover {
@@ -79,5 +77,3 @@
     margin-bottom: 0;
   }
 }
-
-
diff --git a/ux.symfony.com/templates/components/DocsLink.html.twig b/ux.symfony.com/templates/components/DocsLink.html.twig
index c0fce0e15fa..4a4f063ea53 100644
--- a/ux.symfony.com/templates/components/DocsLink.html.twig
+++ b/ux.symfony.com/templates/components/DocsLink.html.twig
@@ -2,16 +2,17 @@
     <div class="DocsLink_content">
         {% if isSmall %}
             <p class="d-flex align-items-center">
-                <twig:ux:icon name="fluent-emoji-flat:open-book" class="Icon me-2" font-size="32"/>
+                <twig:ux:icon name="mdi:book-open-variant-outline" class="Icon me-2" />
+
                 <a href="{{ url }}" class="DocsLink_link"
                    rel="{{ isExternal ? 'external noopened noreferrer' }}"
                 >{{ title }}</a>
             </p>
         {% else %}
             <p class="DocsLink_title ubuntu-header">
-                <a href="{{ url }}" class="DocsLink_link"
-                   rel="{{ isExternal ? 'external noopened noreferrer' }}"
-                >{{ title }}</a>
+                <a href="{{ url }}" class="DocsLink_link" rel="{{ isExternal ? 'external noopened noreferrer' }}">
+                    {{ title }}
+                </a>
                 {% if icon|default %}
                     <twig:ux:icon name="{{ icon }}" class="Icon DocsLink_arrow"/>
                 {% elseif isExternal %}