diff --git a/components/Card.module.scss b/components/Card.module.scss
index 3ad4af6..a0c1fb5 100644
--- a/components/Card.module.scss
+++ b/components/Card.module.scss
@@ -9,10 +9,9 @@
 }
 
 .children {
-  box-shadow:
-    inset 2px 0 0 0 var(--theme-text),
-    inset -2px 0 0 0 var(--theme-text),
-    inset 0 -2px 0 0 var(--theme-text);
+  border-left: 2px solid var(--theme-text);
+  border-right: 2px solid var(--theme-text);
+  border-bottom: 2px solid var(--theme-text);
   display: block;
   padding-top: calc(var(--theme-line-height-base) * 0.5rem);
   padding-left: 2ch;
@@ -37,34 +36,30 @@
 .left {
   min-width: 10%;
   width: 100%;
-  box-shadow:
-    inset 2px 0 0 0 var(--theme-text),
-    inset 0 2px 0 0 var(--theme-text);
+  border-left: 2px solid var(--theme-text);
+  border-top: 2px solid var(--theme-text);
   padding: calc((var(--font-size) * 0.5) * var(--theme-line-height-base)) 2ch 0px 1ch;
 }
 
 .leftCorner {
   flex-shrink: 0;
-  box-shadow:
-    inset 2px 0 0 0 var(--theme-text),
-    inset 0 2px 0 0 var(--theme-text);
+  border-left: 2px solid var(--theme-text);
+  border-top: 2px solid var(--theme-text);
   padding: calc((var(--font-size) * 0.5) * var(--theme-line-height-base)) 1ch 0px 1ch;
 }
 
 .right {
   min-width: 10%;
   width: 100%;
-  box-shadow:
-    inset -2px 0 0 0 var(--theme-text),
-    inset 0 2px 0 0 var(--theme-text);
+  border-right: 2px solid var(--theme-text);
+  border-top: 2px solid var(--theme-text);
   padding: calc((var(--font-size) * 0.5) * var(--theme-line-height-base)) 2ch 0px 1ch;
 }
 
 .rightCorner {
   flex-shrink: 0;
-  box-shadow:
-    inset -2px 0 0 0 var(--theme-text),
-    inset 0 2px 0 0 var(--theme-text);
+  border-right: 2px solid var(--theme-text);
+  border-top: 2px solid var(--theme-text);
   padding: calc((var(--font-size) * 0.5) * var(--theme-line-height-base)) 1ch 0px 1ch;
 }