From 9a02c5898ca87d322ebc18a63eb2af458adda994 Mon Sep 17 00:00:00 2001
From: AbhishekReddy1127 <nallamsa@amazon.com>
Date: Mon, 27 Feb 2023 04:05:49 +0000
Subject: [PATCH] Updated the page

Signed-off-by: AbhishekReddy1127 <nallamsa@amazon.com>
---
 src-docs/src/views/beacon/beacon_example.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src-docs/src/views/beacon/beacon_example.js b/src-docs/src/views/beacon/beacon_example.js
index 319f859047..b700f477d6 100644
--- a/src-docs/src/views/beacon/beacon_example.js
+++ b/src-docs/src/views/beacon/beacon_example.js
@@ -21,6 +21,7 @@ import { beaconConfig } from './playground';
 
 import Beacon from './beacon';
 import { OuiCallOut } from '../../../../src/components/call_out';
+import { OuiSpacer } from '../../../../src/components/spacer';
 const beaconSource = require('!!raw-loader!./beacon');
 const beaconHtml = renderToHtml(Beacon);
 const beaconSnippet = '<OuiBeacon />';
@@ -45,6 +46,7 @@ export const BeaconExample = {
             color="warning"
             title="OuiBeacon should only be used in conjunction with OuiTour."
           />
+          <OuiSpacer/>
           <p>
             Use the <strong>OuiBeacon</strong> component to draw visual
             attention to a specific location or element.