diff --git a/components/ui/ProjectCard.vue b/components/ui/ProjectCard.vue
index 98b9aa56a..faca139cd 100644
--- a/components/ui/ProjectCard.vue
+++ b/components/ui/ProjectCard.vue
@@ -305,8 +305,7 @@ export default {
     img,
     svg {
       border-radius: var(--size-rounded-lg);
-      border: 4px solid var(--color-raised-bg);
-      border-bottom: none;
+      box-shadow: -2px -2px 0 2px var(--color-raised-bg), 2px -2px 0 2px var(--color-raised-bg);
     }
   }
 
diff --git a/pages/[type]/[id].vue b/pages/[type]/[id].vue
index 1244c5525..9167dac85 100644
--- a/pages/[type]/[id].vue
+++ b/pages/[type]/[id].vue
@@ -1159,8 +1159,7 @@ const collapsedChecklist = ref(false)
       margin-top: calc(-3rem - var(--spacing-card-lg) - 4px);
       margin-left: -4px;
       z-index: 1;
-      border: 4px solid var(--color-raised-bg);
-      border-bottom: none;
+      box-shadow: -2px -2px 0 2px var(--color-raised-bg), 2px -2px 0 2px var(--color-raised-bg);
     }
   }
   .project__header__content {