diff --git a/app/assets/stylesheets/base/typography.scss b/app/assets/stylesheets/base/typography.scss
index c421ad273..545aa587e 100644
--- a/app/assets/stylesheets/base/typography.scss
+++ b/app/assets/stylesheets/base/typography.scss
@@ -348,4 +348,9 @@ body {
     margin: 0;
     margin-bottom: var(--su-2);
   }
+
+  &__favicon {
+    width: 32px;
+    height: auto;
+  }
 }
diff --git a/app/views/liquids/_open_graph.html.erb b/app/views/liquids/_open_graph.html.erb
index 66ca1ec0e..0dbd7c847 100644
--- a/app/views/liquids/_open_graph.html.erb
+++ b/app/views/liquids/_open_graph.html.erb
@@ -22,9 +22,9 @@
         <% if page.images.favicon %>
           <img
             alt="favicon"
-            class="m-0 mr-2 radius-0"
-            src="<%= Images::Optimizer.call(page.images.favicon, width: 48) %>"
-            width="24" height="24" loading="lazy" />
+            class="c-embed__favicon m-0 mr-2 radius-0"
+            src="<%= page.images.favicon %>"
+            loading="lazy" />
         <% end %>
         <%= url_domain %>
       </div>