From 005b40036d83fa94b5e31891a61dcfcd83581e23 Mon Sep 17 00:00:00 2001
From: Cory Dransfeldt <hi@coryd.dev>
Date: Sat, 3 Aug 2024 18:07:19 -0700
Subject: [PATCH] chore: style tweaks

---
 package-lock.json                      |  4 ++--
 package.json                           |  2 +-
 src/assets/styles/components/modal.css | 18 ++++++++++++++----
 3 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index f862f139..09dd8461 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "coryd.dev",
-  "version": "21.3.4",
+  "version": "21.3.5",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "coryd.dev",
-      "version": "21.3.4",
+      "version": "21.3.5",
       "license": "MIT",
       "dependencies": {
         "@cdransf/api-text": "^1.4.0",
diff --git a/package.json b/package.json
index a2207c6c..db0379ed 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "21.3.4",
+  "version": "21.3.5",
   "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 07d381ae..01bf2969 100644
--- a/src/assets/styles/components/modal.css
+++ b/src/assets/styles/components/modal.css
@@ -20,9 +20,11 @@
       top: var(--sizing-lg);
       right: var(--sizing-lg);
       cursor: pointer;
+      height: var(--sizing-svg-base);
+      width: var(--sizing-svg-base);
 
-      &:focus,
-      &:focus-within {
+      &:focus svg,
+      &:focus-within svg {
         outline: var(--outline)
       }
 
@@ -31,6 +33,10 @@
         transform: rotate(0deg);
         transition: transform var(--transition-duration-default) var(--transition-ease-in-out);
 
+        &:focus {
+          outline: var(--outline)
+        }
+
         &:hover,
         &:focus,
         &:active {
@@ -59,8 +65,8 @@
   display: inline-flex;
   vertical-align: middle;
 
-  &:focus,
-  &:focus-within {
+  &:focus svg,
+  &:focus-within svg {
     outline: var(--outline)
   }
 
@@ -70,6 +76,10 @@
     transform: rotate(0deg);
     transition: transform var(--transition-duration-default) var(--transition-ease-in-out);
 
+    &:focus {
+      outline: var(--outline)
+    }
+
     &:hover,
     &:focus,
     &:active {