From ffc6d883aa4ce3c23403e905a41f4f3e6ecd8d59 Mon Sep 17 00:00:00 2001
From: Mark Franceschelli <39063664+mfrances17@users.noreply.github.com>
Date: Mon, 20 Jan 2025 14:03:08 -0500
Subject: [PATCH] fix(Toolbar): Fix formatting of Stacked example (#11426)

* fix(Toolbar): fix formatting of stacked example

* move bgcolor example to main section
---
 .../src/components/Toolbar/examples/Toolbar.md   | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/react-core/src/components/Toolbar/examples/Toolbar.md b/packages/react-core/src/components/Toolbar/examples/Toolbar.md
index 32c1244bd1f..99ae433ed5c 100644
--- a/packages/react-core/src/components/Toolbar/examples/Toolbar.md
+++ b/packages/react-core/src/components/Toolbar/examples/Toolbar.md
@@ -62,6 +62,14 @@ Note: This example does not demonstrate responsive toolbar behavior. Responsive
 
 ```
 
+### Background color variants
+
+To change the background color of a toolbar, use the `colorVariant` property on the `<Toolbar>`.
+
+```ts file="./ToolbarColorVariant.tsx"
+
+```
+
 ## Examples with toggle groups and filters
 
 The following examples use toggle groups to allow for more responsive and complex toolbars with multiple items and groups of items. To visualize responsive toolbar behavior in the following examples, resize the browser to a smaller screen width.
@@ -112,11 +120,3 @@ When all of a toolbar's required elements cannot fit in a single line, you can s
 ```ts file="./ToolbarStacked.tsx"
 
 ```
-
-## Background color variants
-
-To change the background color of a toolbar, use the `colorVariant` property on the `<Toolbar>`.
-
-```ts file="./ToolbarColorVariant.tsx"
-
-```