diff --git a/timesheet/templates/mobile/edit.xet b/timesheet/templates/mobile/edit.xet
index 56e11e9879..e93358a5ef 100644
--- a/timesheet/templates/mobile/edit.xet
+++ b/timesheet/templates/mobile/edit.xet
@@ -136,22 +136,23 @@
 					<et2-select  statustext="select a status of the timesheet" id="ts_status" emptyLabel="please select"></et2-select>
 				</row>
 				<row>
-					<et2-tabbox  id="tabs" span="all" width="100%" alignTabs="v">
-						<tabs>
-							<tab id="notes" label="Description"/>
-							<tab id="general" label="Details"/>
-							<tab id="links" label="Links"/>
-							<tab id="customfields" label="Custom Fields"/>
-							<tab id="ownership" label="Ownership"/>
-						</tabs>
-						<tabpanels class="dialog-main-timeframe">
+					<et2-vbox span="all" width="100%">
+						<et2-details id="notes" summary="Description">
 							<template id="timesheet.edit.notes"/>
+						</et2-details>
+						<et2-details id="general" summary="Details">
 							<template id="timesheet.edit.general"/>
+						</et2-details>
+						<et2-details id="links" summary="Links">
 							<template id="timesheet.edit.links"/>
+						</et2-details>
+						<et2-details id="customfields" summary="Custom Fields">
 							<template id="timesheet.edit.customfields"/>
+						</et2-details>
+						<et2-details id="ownership" summary="Ownership">
 							<template id="timesheet.edit.ownership"/>
-						</tabpanels>
-					</et2-tabbox>
+						</et2-details>
+					</et2-vbox>
 				</row>
 			</rows>
 		</grid>
diff --git a/timesheet/templates/mobile/view.xet b/timesheet/templates/mobile/view.xet
index 60dbfde79c..e630469be7 100644
--- a/timesheet/templates/mobile/view.xet
+++ b/timesheet/templates/mobile/view.xet
@@ -118,20 +118,20 @@
 					<et2-select  statustext="select a status of the timesheet" id="ts_status" emptyLabel="please select"></et2-select>
 				</row>
 				<row>
-					<et2-tabbox  id="tabs" span="all" width="100%" alignTabs="v">
-						<tabs>
-							<tab id="notes" label="Description"/>
-							<tab id="general" label="Details"/>
-							<tab id="customfields" label="Custom Fields"/>
-							<tab id="ownership" label="Ownership"/>
-						</tabs>
-						<tabpanels class="dialog-main-timeframe">
+					<et2-vbox span="all" width="100%">
+						<et2-details id="notes" summary="Description">
 							<template id="timesheet.view.notes"/>
+						</et2-details>
+						<et2-details id="general" summary="Details">
 							<template id="timesheet.view.general"/>
+						</et2-details>
+						<et2-details id="customfields" summary="Custom Fields">
 							<template id="timesheet.view.customfields"/>
+						</et2-details>
+						<et2-details id="ownership" summary="Ownership">
 							<template id="timesheet.view.ownership"/>
-						</tabpanels>
-					</et2-tabbox>
+						</et2-details>
+					</et2-vbox>
 				</row>
 			</rows>
 		</grid>