From 54cf06d089c14c1efac6e5e49b2be17b72b35862 Mon Sep 17 00:00:00 2001
From: John Leider <john@vuetifyjs.com>
Date: Tue, 22 Aug 2023 22:31:22 -0500
Subject: [PATCH] docs(brand-kit): update page layout

---
 .../docs/src/components/resources/Logos.vue    | 18 +++++++++++-------
 .../docs/src/pages/en/resources/brand-kit.md   |  1 +
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/packages/docs/src/components/resources/Logos.vue b/packages/docs/src/components/resources/Logos.vue
index 7d822cbb737..0dd7bf582b7 100644
--- a/packages/docs/src/components/resources/Logos.vue
+++ b/packages/docs/src/components/resources/Logos.vue
@@ -87,17 +87,22 @@
 
       <v-col cols="12" class="pb-0 font-weight-bold">{{ t('icon') }}</v-col>
 
-      <v-col v-for="icon in icons" :key="icon.title" cols="auto">
+      <v-col
+        v-for="icon in icons"
+        :key="icon.title"
+        cols="12"
+        sm="6"
+      >
         <v-sheet
           rounded
           border
-          class="pa-4"
+          class="pa-2"
         >
           <div class="text-center">
             <v-icon
               :color="icon.color"
               :icon="icon.icon"
-              size="125"
+              size="88"
             />
           </div>
 
@@ -151,10 +156,9 @@
       code: '<v-icon icon="$vuetify" />',
     },
     {
-      title: 'Vuetify Icon Themed',
-      icon: '$vuetify',
-      color: 'primary',
-      code: '<v-icon color="primary" icon="$vuetify" />',
+      title: 'Vuetify Outlined Icon',
+      icon: '$vuetify-outline',
+      code: '<v-icon icon="$vuetify-outline" />',
     },
   ]
 </script>
diff --git a/packages/docs/src/pages/en/resources/brand-kit.md b/packages/docs/src/pages/en/resources/brand-kit.md
index f8ebc381e4b..b5d1925e4b0 100644
--- a/packages/docs/src/pages/en/resources/brand-kit.md
+++ b/packages/docs/src/pages/en/resources/brand-kit.md
@@ -1,5 +1,6 @@
 ---
 emphasized: true
+fluid: true
 meta:
   nav: Brand Kit
   title: Brand Kit & Assets