From 9b31c732fcb44cef4f286f0c7937a071da8dce45 Mon Sep 17 00:00:00 2001
From: zaelgohary <zainabelgohary19@gmail.com>
Date: Wed, 20 Dec 2023 13:29:38 +0200
Subject: [PATCH] Fix breadcrumbs margin

---
 packages/playground/src/App.vue | 26 ++++++++++++--------------
 1 file changed, 12 insertions(+), 14 deletions(-)

diff --git a/packages/playground/src/App.vue b/packages/playground/src/App.vue
index edc58679bd..0f25261aed 100644
--- a/packages/playground/src/App.vue
+++ b/packages/playground/src/App.vue
@@ -143,20 +143,18 @@
           }"
           height="50"
         >
-          <v-container>
-            <v-row>
-              <v-breadcrumbs :items="navbarConfig.path" active-color="secondary">
-                <template v-slot:divider>
-                  <v-icon icon="mdi-chevron-right"></v-icon>
-                </template>
-                <template v-slot:item="{ item }">
-                  <router-link :to="item.to" :class="{ 'clickable-item': !item.disabled }">
-                    {{ item.title }}
-                  </router-link>
-                </template>
-              </v-breadcrumbs>
-            </v-row>
-          </v-container>
+          <v-row>
+            <v-breadcrumbs class="ma-3" :items="navbarConfig.path" active-color="secondary">
+              <template v-slot:divider>
+                <v-icon icon="mdi-chevron-right"></v-icon>
+              </template>
+              <template v-slot:item="{ item }">
+                <router-link :to="item.to" :class="{ 'clickable-item': !item.disabled }">
+                  {{ item.title }}
+                </router-link>
+              </template>
+            </v-breadcrumbs>
+          </v-row>
         </v-toolbar>
 
         <DeploymentListManager>