Performance Profiler: Fix accordion styling (#95500)

* fix according styling * Whitespace --------- Co-authored-by: Philip Jackson <p-jackson@live.com>
Automattic · Oct 18, 2024 · 4f8599a · 4f8599a
1 parent ae6df04
commit 4f8599a
Showing 1 changed file with 12 additions and 3 deletions.
diff --git a/client/performance-profiler/components/core-web-vitals-accordion/styles.scss b/client/performance-profiler/components/core-web-vitals-accordion/styles.scss
@@ -31,7 +31,7 @@ $blueberry-color: #3858e9;
 				border-bottom-left-radius: 6px;
 			}
 
-			&:nth-child(2) {
+			&:nth-child(1) {
 				/* stylelint-disable-next-line scales/radii */
 				border-top-left-radius: 6px;
 				/* stylelint-disable-next-line scales/radii */
@@ -47,7 +47,7 @@ $blueberry-color: #3858e9;
 			&:not(.is-expanded) {
 				border-bottom: 1px solid var(--studio-gray-5);
 
-				&:not(:nth-child(-n+2)) {
+				&:not(:nth-child(-n+1)) {
 					border-top: none;
 				}
 			}
@@ -62,7 +62,7 @@ $blueberry-color: #3858e9;
 				}
 			}
 
-			&.is-expanded:not(:nth-child(-n+2)) {
+			&.is-expanded:not(:nth-child(-n+1)) {
 				border-top: none;
 			}
 		}
@@ -75,6 +75,15 @@ $blueberry-color: #3858e9;
 			margin-bottom: 24px;
 		}
 
+		+ .card.foldable-card {
+			/* stylelint-disable-next-line scales/radii */
+			border-top-left-radius: 6px !important;
+			/* stylelint-disable-next-line scales/radii */
+			border-top-right-radius: 6px !important;
+
+			border-top: 1px solid var(--studio-gray-5) !important;
+		}
+
 		&.foldable-card {
 			/* stylelint-disable-next-line scales/radii */
 			border-radius: 6px;