From e1fa344d3972a7d681ac9dde2548013d849f028d Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Tue, 17 Dec 2024 11:09:18 +0530
Subject: [PATCH] address comments, fix colors.

---
 src/lib/components/support.svelte | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/lib/components/support.svelte b/src/lib/components/support.svelte
index 8ed77f6ec..08e96dbbb 100644
--- a/src/lib/components/support.svelte
+++ b/src/lib/components/support.svelte
@@ -61,7 +61,7 @@
     {#each supportOptions as option}
         <Card
             isTile
-            class="restore-modal-inner-card u-flex u-flex-vertical u-gap-12"
+            class="support-option-card u-flex u-flex-vertical u-gap-12"
             style="border-radius: var(--border-radius-small, 8px); padding: 0.65rem;">
             <div class="u-flex u-flex-vertical u-gap-4">
                 <h4 class="body-text-2 u-bold">{option.label}</h4>
@@ -142,18 +142,21 @@
     </div>
 </section>
 
-<style>
+<style lang="scss">
     .support-section {
         gap: 1rem;
         padding: 20px;
         display: flex;
         flex-direction: column;
-    }
 
-    @media (max-width: 768px) {
-        .support-section {
+        @media (max-width: 768px) {
             gap: 1.25rem;
             padding: 0.5rem;
         }
     }
+
+    :global(.theme-light .support-option-card) {
+        border: 1px solid var(--color-border-neutral, #ededf0);
+        background: var(--color-bgColor-neutral-default, #fafafb);
+    }
 </style>