Border top only on safari fix

2 files changed, 14 insertions, 2 deletions

diff --git a/packages/console/app/src/routes/index.css b/packages/console/app/src/routes/index.css
index 6cfb77367..ec1676ea1 100644
--- a/packages/console/app/src/routes/index.css
+++ b/packages/console/app/src/routes/index.css
@@ -56,12 +56,18 @@ body {
   }
 }
 
+
+@supports (background: -webkit-named-image(i)) {
+  [data-page="opencode"] {
+    border-top: 1px solid var(--color-border-weak);
+  }
+}
+
 [data-page="opencode"] {
   background: var(--color-background);
   --padding: 5rem;
   --vertical-padding: 4rem;
   --heading-font-size: 1.375rem;
-  border-top: 1px solid var(--color-border-weak);
 
   @media (max-width: 60rem) {
     --padding: 1.5rem;
diff --git a/packages/console/app/src/routes/zen/index.css b/packages/console/app/src/routes/zen/index.css
index 356c4add4..133e41b67 100644
--- a/packages/console/app/src/routes/zen/index.css
+++ b/packages/console/app/src/routes/zen/index.css
@@ -54,11 +54,17 @@ body {
   background: var(--color-background);
 }
 
+@supports (background: -webkit-named-image(i)) {
+  [data-page="opencode"] {
+    border-top: 1px solid var(--color-border-weak);
+  }
+}
+
+
 [data-page="zen"] {
   background: var(--color-background);
   --padding: 5rem;
   --vertical-padding: 4rem;
-  border-top: 1px solid var(--color-border-weak);
 
   @media (max-width: 60rem) {
     --padding: 1.5rem;