diff --git a/src/_includes/layouts/home.vto b/src/_includes/layouts/home.vto
index 8692f30..cef3c39 100644
--- a/src/_includes/layouts/home.vto
+++ b/src/_includes/layouts/home.vto
@@ -2,7 +2,7 @@
     <main class="min-h-screen text-text justify-self-center w-full lg:w-1/2">
         <h1 class="mt-8 text-5xl text-bold text-mauve">hi, I'm dish</h1>
         {{# Profile picture goes here #}}
-        <div class="h-64 w-64 content-center text-center border-2 mt-4">
+        <div class="h-64 w-64 content-center text-center outline-2 mt-4">
             there'll be a picture here in the future, promise!
         </div>
         <h2 class="text-2xl mt-4">Student, Sysadmin, and UX Crafter</h2>
diff --git a/src/static/styles.css b/src/static/styles.css
index 115c2ae..56b75e1 100644
--- a/src/static/styles.css
+++ b/src/static/styles.css
@@ -146,8 +146,8 @@
 }
 
 @utility callout {
-    @apply border-1 rounded-sm py-2 pl-2 pr-4 border-solid overflow-hidden;
-    border-color: --alpha(var(--callout-color) / 50%);
+    @apply outline-1 rounded-sm py-2 pl-2 pr-4 outline-solid overflow-hidden;
+    outline-color: --alpha(var(--callout-color) / 50%);
     margin: 1em 0;
     mix-blend-mode: var(--callout-blend-mode);
     background-color: --alpha(var(--callout-color) / 15%);