Testimonial tweaks

2 files changed, 16 insertions, 8 deletions

diff --git a/packages/console/app/src/routes/index.css b/packages/console/app/src/routes/index.css
index bc9b5a0e5..0c238483c 100644
--- a/packages/console/app/src/routes/index.css
+++ b/packages/console/app/src/routes/index.css
@@ -860,6 +860,9 @@ body {
 
       [data-slot="faq-icon-plus"] {
         flex-shrink: 0;
+        color: var(--color-text-weak);
+        margin-top: 2px;
+
         [data-closed] & {
           display: block;
         }
@@ -869,6 +872,9 @@ body {
       }
       [data-slot="faq-icon-minus"] {
         flex-shrink: 0;
+        color: var(--color-text-weak);
+        margin-top: 2px;
+
         [data-closed] & {
           display: none;
         }
diff --git a/packages/console/app/src/routes/zen/index.css b/packages/console/app/src/routes/zen/index.css
index 8b56f0373..740a5a69b 100644
--- a/packages/console/app/src/routes/zen/index.css
+++ b/packages/console/app/src/routes/zen/index.css
@@ -567,6 +567,9 @@ body {
 
       [data-slot="faq-icon-plus"] {
         flex-shrink: 0;
+        color: var(--color-text-weak);
+        margin-top: 2px;
+
         [data-closed] & {
           display: block;
         }
@@ -576,6 +579,9 @@ body {
       }
       [data-slot="faq-icon-minus"] {
         flex-shrink: 0;
+        color: var(--color-text-weak);
+        margin-top: 2px;
+
         [data-closed] & {
           display: none;
         }
@@ -602,14 +608,10 @@ body {
     flex-direction: column;
     gap: 20px;
 
-    @media (max-width: 60rem) {
-      --padding: 1rem;
-      --vertical-padding: 1rem;
-    }
-
     a {
       text-decoration: none;
     }
+
     [data-slot="testimonial"] {
       background: var(--color-background-weak);
       border-radius: 6px;
@@ -622,7 +624,6 @@ body {
       @media (max-width: 30rem) {
         flex-direction: column-reverse;
         gap: 24px;
-        padding: 24px 48px;
       }
 
       [data-slot="name"] {
@@ -631,13 +632,14 @@ body {
 
         strong {
           font-weight: 500;
+          flex: 0 0 auto;
         }
 
         span {
           color: var(--color-text);
         }
 
-        @media (max-width: 60rem) {
+        @media (max-width: 30rem) {
           flex-direction: column;
           gap: 8px;
         }
@@ -656,7 +658,7 @@ body {
       [data-slot="quote"] {
         margin-left: 40px;
 
-        @media (max-width: 60rem) {
+        @media (max-width: 30rem) {
           margin-left: 0;
         }
         span {