diff --git a/sample-runner/sandstone/src/EnactImporter.js b/sample-runner/sandstone/src/EnactImporter.js
index f50b4065..a8bab286 100644
--- a/sample-runner/sandstone/src/EnactImporter.js
+++ b/sample-runner/sandstone/src/EnactImporter.js
@@ -7,6 +7,7 @@ import BodyText from '@enact/sandstone/BodyText';
 import Button from '@enact/sandstone/Button';
 import Checkbox from '@enact/sandstone/Checkbox';
 import CheckboxItem from '@enact/sandstone/CheckboxItem';
+import ColorPicker from '@enact/sandstone/ColorPicker';
 import ContextualMenuDecorator from '@enact/sandstone/ContextualMenuDecorator';
 import ContextualPopupDecorator from '@enact/sandstone/ContextualPopupDecorator';
 import DatePicker, {dateToLocaleString} from '@enact/sandstone/DatePicker';
@@ -65,6 +66,7 @@ const sandstoneExports = {
 	Button,
 	Checkbox,
 	CheckboxItem,
+	ColorPicker,
 	ContextualMenuDecorator,
 	ContextualPopupDecorator,
 	DatePicker,
diff --git a/src/components/EnactLiveEdit.js b/src/components/EnactLiveEdit.js
index dd6e8f9b..82d0478e 100644
--- a/src/components/EnactLiveEdit.js
+++ b/src/components/EnactLiveEdit.js
@@ -75,10 +75,11 @@ export default class EnactLiveEdit extends Component {
 			const theme = getThemeName(this.props.name);
 			const dropdownClass = theme === 'agate' ? css.dropdownAgate : css.dropdownSandstoneMoonstone;
 			const dropdown = this.props.code.includes('Dropdown') ? dropdownClass : '';
+			const colorPicker = this.props.code.includes('ColorPicker') ? css.colorPickerSandstone : '';
 			return (
 				// eslint-disable-next-line jsx-a11y/iframe-has-title
 				<iframe
-					className={`${css.frame} ${dropdown}`}
+					className={`${css.frame} ${dropdown} ${colorPicker}`}
 					ref={this.setFrame}
 					src={withPrefix(`/${theme}-runner/index.html`)}
 				/>
diff --git a/src/components/EnactLiveEdit.module.less b/src/components/EnactLiveEdit.module.less
index 6c64dfa9..ce18526f 100644
--- a/src/components/EnactLiveEdit.module.less
+++ b/src/components/EnactLiveEdit.module.less
@@ -11,6 +11,10 @@
 	height: 531px;
 }
 
+.colorPickerSandstone {
+	height: 330px;
+}
+
 .frame {
 	border: none;
 	width: 100%;