diff --git a/package-lock.json b/package-lock.json
index 1d8990f7..f862f139 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "coryd.dev",
-  "version": "21.3.3",
+  "version": "21.3.4",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "coryd.dev",
-      "version": "21.3.3",
+      "version": "21.3.4",
       "license": "MIT",
       "dependencies": {
         "@cdransf/api-text": "^1.4.0",
diff --git a/package.json b/package.json
index 1dabfaf4..a2207c6c 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "21.3.3",
+  "version": "21.3.4",
   "description": "The source for my personal site. Built using 11ty (and other tools).",
   "type": "module",
   "scripts": {
diff --git a/src/assets/styles/components/modal.css b/src/assets/styles/components/modal.css
index f6e9ac06..07d381ae 100644
--- a/src/assets/styles/components/modal.css
+++ b/src/assets/styles/components/modal.css
@@ -21,16 +21,16 @@
       right: var(--sizing-lg);
       cursor: pointer;
 
+      &:focus,
+      &:focus-within {
+        outline: var(--outline)
+      }
+
       & svg {
         stroke: var(--accent-color);
         transform: rotate(0deg);
         transition: transform var(--transition-duration-default) var(--transition-ease-in-out);
 
-        &:focus,
-        &:focus-within {
-          outline: var(--outline)
-        }
-
         &:hover,
         &:focus,
         &:active {
@@ -59,17 +59,17 @@
   display: inline-flex;
   vertical-align: middle;
 
+  &:focus,
+  &:focus-within {
+    outline: var(--outline)
+  }
+
   & svg {
     cursor: pointer;
     stroke: var(--accent-color);
     transform: rotate(0deg);
     transition: transform var(--transition-duration-default) var(--transition-ease-in-out);
 
-    &:focus,
-    &:focus-within {
-      outline: var(--outline)
-    }
-
     &:hover,
     &:focus,
     &:active {