diff --git a/src/assets/index.css b/src/assets/index.css
index 2f637c2..a5400ff 100644
--- a/src/assets/index.css
+++ b/src/assets/index.css
@@ -237,13 +237,60 @@
 
 /* Add support for border colors */
 @layer utilities {
-  .box-border {
+  .border {
     border-color: var(--border);
   }
+  .border-x {
+    border-left-color: var(--border);
+    border-right-color: var(--border);
+  }
+  .border-y {
+    border-top-color: var(--border);
+    border-bottom-color: var(--border);
+  }
+  .border-t {
+    border-top-color: var(--border);
+  }
+  .border-r {
+    border-right-color: var(--border);
+  }
+  .border-b {
+    border-bottom-color: var(--border);
+  }
+  .border-l {
+    border-left-color: var(--border);
+  }
   .border-primary {
     border-color: var(--primary);
   }
   .border-background {
     border-color: var(--background);
   }
+  .border-foreground {
+    border-color: var(--foreground);
+  }
+  .border-card {
+    border-color: var(--card);
+  }
+  .border-card-foreground {
+    border-color: var(--card-foreground);
+  }
+  .border-muted {
+    border-color: var(--muted);
+  }
+  .border-muted-foreground {
+    border-color: var(--muted-foreground);
+  }
+  .border-accent {
+    border-color: var(--accent);
+  }
+  .border-accent-foreground {
+    border-color: var(--accent-foreground);
+  }
+  .border-destructive {
+    border-color: var(--destructive);
+  }
+  .border-destructive-foreground {
+    border-color: var(--destructive-foreground);
+  }
 }