diff --git a/package-lock.json b/package-lock.json
index 2945fd3f..b04581d4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "coryd.dev",
-  "version": "22.4.0",
+  "version": "22.4.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "coryd.dev",
-      "version": "22.4.0",
+      "version": "22.4.1",
       "license": "MIT",
       "dependencies": {
         "@cdransf/api-text": "^1.5.0",
diff --git a/package.json b/package.json
index 0ce94fab..7c4788ce 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "22.4.0",
+  "version": "22.4.1",
   "description": "The source for my personal site. Built using 11ty (and other tools).",
   "type": "module",
   "scripts": {
diff --git a/src/assets/styles/base/index.css b/src/assets/styles/base/index.css
index db399e39..fadc3c5d 100644
--- a/src/assets/styles/base/index.css
+++ b/src/assets/styles/base/index.css
@@ -80,13 +80,13 @@ code {
 
 /* social icons */
 :is(body, html, nav) a {
-  &.brand-gmail > svg { stroke: var(--brand-gmail); }
+  &.mail > svg { stroke: var(--brand-gmail); }
   &.brand-github > svg { stroke: var(--brand-github); }
   &.brand-npm > svg { stroke: var(--brand-npm); }
   &.brand-mastodon > svg { stroke: var(--brand-mastodon); }
   &.article > svg { stroke: var(--posts); }
   &.books > svg { stroke: var(--books); }
-  &.clock-hour-3 > svg { stroke: var(--now); }
+  &.device-watch > svg { stroke: var(--now); }
   &.coffee > svg { stroke: var(--brand-buy-me-a-coffee); }
   &.device-tv-old > svg { stroke: var(--tv); }
   &.favorite > svg { stroke: var(--favorite); }