diff --git a/app/src/sandbox/theme-electric-test/ThemeDemo.tsx b/app/src/sandbox/theme-electric-test/ThemeDemo.tsx
index bf93979ab0..82f0fcb9b4 100644
--- a/app/src/sandbox/theme-electric-test/ThemeDemo.tsx
+++ b/app/src/sandbox/theme-electric-test/ThemeDemo.tsx
@@ -3,6 +3,7 @@ import { useAsyncDataSource, useForm, useUuiContext } from '@epam/uui-core';
 import {
     Button, Checkbox, Switch, TextInput, SuccessNotification, ErrorNotification, Text, LabeledInput, Panel, PickerInput,
     FlexRow, FlexCell, FlexSpacer, RadioGroup, ScrollBars, IconButton, ModalBlocker, ModalWindow, ModalHeader, Badge, DatePicker,
+    PromoButton,
 } from '@epam/electric';
 import { ReactComponent as AddIcon } from '@epam/assets/icons/common/action-add-18.svg';
 import { ReactComponent as CrossIcon } from '@epam/assets/icons/common/navigation-close-24.svg';
@@ -232,7 +233,15 @@ export function ThemeDemo() {
     };
 
     return (
-        <div style={ { height: 'calc(100vh - 60px)', margin: '0 auto', display: 'flex' } }>
+        <div className="uui-theme-electric" style={ { height: 'calc(100vh - 60px)', margin: '0 auto', display: 'flex', flexDirection: 'column' } }>
+            <div style={ { background: 'var(--uui-neutral-80)', marginTop: '12px' } }>
+                <FlexRow spacing="12" vPadding="24" padding="12">
+                    <PromoButton caption="BUTTON" size="36" onClick={ () => {} } />
+                    <PromoButton caption="BUTTON" size="36" isDisabled onClick={ () => {} } />
+                    <PromoButton caption="BUTTON" size="42" onClick={ () => {} } />
+                    <PromoButton caption="BUTTON" size="42" isDisabled onClick={ () => {} } />
+                </FlexRow>
+            </div>
             <Panel background="surface" shadow rawProps={ { style: { margin: '24px auto' } } }>
                 <ScrollBars>{renderDemoForm()}</ScrollBars>
             </Panel>