From a1b11a6a040dedd4bc19a8357779ddd67667a346 Mon Sep 17 00:00:00 2001
From: James Panther <4462786+jpanther@users.noreply.github.com>
Date: Mon, 9 Jan 2023 18:26:34 +1100
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Fix=20social=20icons=20shifting?=
 =?UTF-8?q?=20on=20hover=20in=20Safari?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Fixes #396
---
 CHANGELOG.md                       | 1 +
 layouts/partials/author-links.html | 1 +
 2 files changed, 2 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 5dabe976..21a9a13f 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -20,6 +20,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 ### Fixed
 
 - Code highlight background cut off in Google Chrome when overflowing content area ([#383](https://github.com/jpanther/congo/pull/383))
+- Social icons shift position during CSS transition when hovered in Safari ([#396](https://github.com/jpanther/congo/pull/396))
 - Error when attempting to resize SVG assets in page bundles ([#427](https://github.com/jpanther/congo/pull/427))
 
 ## [2.4.2] - 2022-11-22
diff --git a/layouts/partials/author-links.html b/layouts/partials/author-links.html
index 65686019..4528eea4 100644
--- a/layouts/partials/author-links.html
+++ b/layouts/partials/author-links.html
@@ -4,6 +4,7 @@
       {{ range $name, $url := $links }}
         <a
           class="px-1 transition-transform hover:scale-125 hover:text-primary-700 dark:hover:text-primary-400"
+          style="will-change:transform;"
           href="{{ $url }}"
           target="_blank"
           aria-label="{{ $name | title }}"