diff --git a/webclient/src/Courses.js b/webclient/src/Courses.js
index 51fddc0..96755b1 100644
--- a/webclient/src/Courses.js
+++ b/webclient/src/Courses.js
@@ -115,7 +115,7 @@ export function CourseDetail(props) {
 
 							<Table.Body>
 								{course.sessions.length ?
-									course.sessions.sort((a, b) => a.datetime < b.datetime).map((x, i) =>
+									course.sessions.sort((a, b) => a.datetime < b.datetime ? 1 : -1).slice(0,10).map((x, i) =>
 										<Table.Row key={i}>
 											<Table.Cell>
 												<Link to={'/classes/'+x.id}>
diff --git a/webclient/src/InstructorClasses.js b/webclient/src/InstructorClasses.js
index ed6fb42..d5340e9 100644
--- a/webclient/src/InstructorClasses.js
+++ b/webclient/src/InstructorClasses.js
@@ -25,6 +25,16 @@ function InstructorClassEditor(props) {
 
 	return (
 		<div className='class-editor'>
+			<Form.Input
+				label='Cost ($)'
+				{...makeProps('cost')}
+			/>
+
+			<Form.Input
+				label='Max Students — Blank for Unlimited'
+				{...makeProps('max_students')}
+			/>
+
 			<Form.Field>
 				<label>Time and Date</label>
 				<Datetime
@@ -39,16 +49,6 @@ function InstructorClassEditor(props) {
 				}
 			</Form.Field>
 
-			<Form.Input
-				label='Cost ($)'
-				{...makeProps('cost')}
-			/>
-
-			<Form.Input
-				label='Max Students — Blank for Unlimited'
-				{...makeProps('max_students')}
-			/>
-
 			{editing && <Form.Field>
 				<label>Is the class cancelled?</label>
 				<Checkbox