diff --git a/_includes/styles/base.css b/_includes/styles/base.css
index f90aa61..d36633e 100644
--- a/_includes/styles/base.css
+++ b/_includes/styles/base.css
@@ -333,7 +333,7 @@ details.styled {
         .tabler--arrow-autofit-height:last-of-type {
             margin-left: auto;
         }
-        background: linear-gradient(color-mix(in srgb, var(--accent) 25%, transparent), color-mix(in srgb, var(--accent) 50%, transparent));
+        background: linear-gradient(color-mix(in srgb, var(--accent) 5%, transparent), color-mix(in srgb, var(--accent) 20%, transparent));
         border-bottom: unset !important;
         cursor: pointer;
         padding: .5rem;
@@ -380,13 +380,19 @@ details.styled {
         margin-bottom: .8rem;
     }
 
-    background-color: color-mix(in srgb, var(--accent) 20%, transparent);
+    background-color: color-mix(in srgb, var(--accent) 10%, transparent);
     border-radius: .8rem .4rem .8rem .4rem;
-    border: .1rem solid var(--border);
+    border: .15rem solid var(--accent);
     margin-top: 1rem;
     overflow: clip;
 }
 
+details.styled[open] {
+    summary {
+        border-bottom: .1rem solid var(--accent) !important;
+    }
+}
+
 /* Dashed border */
 hr.dashed {
     border: .1rem dashed var(--border);