From 4a93e6958e3280fbe9900c375c3e1c8893296512 Mon Sep 17 00:00:00 2001
From: Shashank Shekhar <sh16011993@gmail.com>
Date: Tue, 21 Mar 2023 10:07:26 -0700
Subject: [PATCH] #1757 - Adjusted the code for better readability

---
 .../web/src/components/layouts/BodyHeaderContainer.vue | 10 ++++++++--
 .../web/src/components/layouts/TabContainer.vue        |  4 +++-
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/sources/packages/web/src/components/layouts/BodyHeaderContainer.vue b/sources/packages/web/src/components/layouts/BodyHeaderContainer.vue
index bcd2daaaeb..febba9621c 100644
--- a/sources/packages/web/src/components/layouts/BodyHeaderContainer.vue
+++ b/sources/packages/web/src/components/layouts/BodyHeaderContainer.vue
@@ -1,9 +1,15 @@
 <template>
   <div class="mb-5">
     <v-card v-if="enableCardView">
-      <v-container><slot name="header"></slot><slot></slot></v-container>
+      <v-container>
+        <slot name="header"></slot>
+        <slot></slot>
+      </v-container>
     </v-card>
-    <div v-else><slot name="header"></slot><slot></slot></div>
+    <div v-else>
+      <slot name="header"></slot>
+      <slot></slot>
+    </div>
   </div>
 </template>
 
diff --git a/sources/packages/web/src/components/layouts/TabContainer.vue b/sources/packages/web/src/components/layouts/TabContainer.vue
index 60cee516bd..f17324a8c3 100644
--- a/sources/packages/web/src/components/layouts/TabContainer.vue
+++ b/sources/packages/web/src/components/layouts/TabContainer.vue
@@ -2,7 +2,9 @@
   <div class="mt-8">
     <!-- Default slot (with and without v-card) -->
     <v-card v-if="enableCardView">
-      <v-container><slot></slot></v-container>
+      <v-container>
+        <slot></slot>
+      </v-container>
     </v-card>
     <slot v-else></slot>
   </div>