From da058e285fecfbc0b7965d05c460181bd1ccd7ce Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Mon, 31 Jul 2023 16:50:07 +0530
Subject: [PATCH] fix: bg color to TabPanels

---
 frontend/src/pages/Lead.vue | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/frontend/src/pages/Lead.vue b/frontend/src/pages/Lead.vue
index a5e6f8c0..0a8548a4 100644
--- a/frontend/src/pages/Lead.vue
+++ b/frontend/src/pages/Lead.vue
@@ -77,11 +77,16 @@
         :style="{ left: `${indicatorLeftValue}px` }"
       />
     </TabList>
-    <TabPanels class="flex h-full">
-      <TabPanel class="flex-1 bg-gray-50" v-for="tab in tabs">
+    <TabPanels class="flex h-full bg-gray-50">
+      <TabPanel
+        as="template"
+        class="flex-1"
+        v-for="tab in tabs"
+        :key="tab.label"
+      >
         <div class="p-6">{{ tab.label }}</div>
       </TabPanel>
-      <div class="flex flex-col gap-6.5 border-l px-6 py-3 w-[390px]">
+      <div class="flex flex-col gap-6.5 border-l px-6 py-3 w-[390px] bg-white">
         <div
           v-for="section in detailSections"
           :key="section.label"