diff --git a/docs/buttons/buttons-themes.html b/docs/buttons/buttons-themes.html
index b71b186b..844d97c7 100644
--- a/docs/buttons/buttons-themes.html
+++ b/docs/buttons/buttons-themes.html
@@ -51,7 +51,7 @@
 		<h2>Theme variations</h2>
 		
 		<p><strong>"a" theme</strong> on container with themed buttons inside</p>
-		<div data-role="content" data-theme="a">
+		<div class="ui-body ui-body-a">
 			<a href="index.html" data-role="button" data-theme="a" data-icon="arrow-l" data-inline="true">Theme a</a>
 			<a href="index.html" data-role="button" data-theme="b" data-icon="arrow-l" data-inline="true">Theme b</a>
 			<a href="index.html" data-role="button" data-theme="c" data-icon="arrow-l" data-inline="true">Theme c</a>
@@ -60,7 +60,7 @@
 		</div>
 		
 		<p><strong>"b" theme</strong> on container with themed buttons inside</p>
-		<div data-role="content" data-theme="b">
+		<div class="ui-body ui-body-b">
 			<a href="index.html" data-role="button" data-theme="a" data-icon="arrow-l" data-inline="true">Theme a</a>
 			<a href="index.html" data-role="button" data-theme="b" data-icon="arrow-l" data-inline="true">Theme b</a>
 			<a href="index.html" data-role="button" data-theme="c" data-icon="arrow-l" data-inline="true">Theme c</a>
@@ -69,7 +69,7 @@
 		</div>
 		
 		<p><strong>"c" theme</strong> on container with themed buttons inside</p>
-		<div data-role="content" data-theme="c">
+		<div class="ui-body ui-body-c">
 			<a href="index.html" data-role="button" data-theme="a" data-icon="arrow-l" data-inline="true">Theme a</a>
 			<a href="index.html" data-role="button" data-theme="b" data-icon="arrow-l" data-inline="true">Theme b</a>
 			<a href="index.html" data-role="button" data-theme="c" data-icon="arrow-l" data-inline="true">Theme c</a>
@@ -78,7 +78,7 @@
 		</div>
 		
 		<p><strong>"d" theme</strong> on container with themed buttons inside</p>
-		<div data-role="content" data-theme="d">
+		<div class="ui-body ui-body-d">
 			<a href="index.html" data-role="button" data-theme="a" data-icon="arrow-l" data-inline="true">Theme a</a>
 			<a href="index.html" data-role="button" data-theme="b" data-icon="arrow-l" data-inline="true">Theme b</a>
 			<a href="index.html" data-role="button" data-theme="c" data-icon="arrow-l" data-inline="true">Theme c</a>
@@ -87,7 +87,7 @@
 		</div>
 		
 		<p><strong>"e" theme</strong> on container with themed buttons inside</p>
-		<div data-role="content" data-theme="e">
+		<div class="ui-body ui-body-e">
 			<a href="index.html" data-role="button" data-theme="a" data-icon="arrow-l" data-inline="true">Theme a</a>
 			<a href="index.html" data-role="button" data-theme="b" data-icon="arrow-l" data-inline="true">Theme b</a>
 			<a href="index.html" data-role="button" data-theme="c" data-icon="arrow-l" data-inline="true">Theme c</a>