diff --git a/src/rsg-components/Playground/PlaygroundRenderer.js b/src/rsg-components/Playground/PlaygroundRenderer.js
index c1e97e8e0..c142be6e0 100644
--- a/src/rsg-components/Playground/PlaygroundRenderer.js
+++ b/src/rsg-components/Playground/PlaygroundRenderer.js
@@ -1,5 +1,4 @@
 import React, { PropTypes } from 'react';
-import cx from 'classnames';
 import Editor from 'rsg-components/Editor';
 import Link from 'rsg-components/Link';
 import Preview from 'rsg-components/Preview';
@@ -75,7 +74,7 @@ export function PlaygroundRenderer({
 }) {
 	return (
 		<div className={classes.root}>
-			<div className={cx(classes.preview, 'rsg--example-preview')}>
+			<div className={classes.preview} data-preview={name ? name : ''}>
 				<div className={classes.isolatedLink}>
 					{name && (
 						isolatedExample ? (
diff --git a/src/rsg-components/Playground/__snapshots__/Playground.spec.js.snap b/src/rsg-components/Playground/__snapshots__/Playground.spec.js.snap
index 92319bafa..d11899a43 100644
--- a/src/rsg-components/Playground/__snapshots__/Playground.spec.js.snap
+++ b/src/rsg-components/Playground/__snapshots__/Playground.spec.js.snap
@@ -1,7 +1,7 @@
 exports[`test renderer should render preview 1`] = `
 <div>
   <div
-    className="rsg--example-preview">
+    data-preview="name">
     <div>
       <_class
         href="#!/name/0">