diff --git a/webclient/src/Classes.js b/webclient/src/Classes.js
index 1f2422c..a1f6aff 100644
--- a/webclient/src/Classes.js
+++ b/webclient/src/Classes.js
@@ -142,12 +142,11 @@ function NewClassTableCourse(props) {
 				{user &&
 					<div className='interest'>
 						{user.interests.filter(x => !x.satisfied_by).map(x => x.course).includes(course.id) ?
-							<Button
-								size='tiny'
-								color='green'
+							<div
+								className='nonbutton'
 							>
-								{interested} interested
-							</Button>
+								{interested} interested ✅
+							</div>
 						:
 							<Button
 								size='tiny'
diff --git a/webclient/src/light.css b/webclient/src/light.css
index 42d79cf..8e34af9 100644
--- a/webclient/src/light.css
+++ b/webclient/src/light.css
@@ -175,6 +175,18 @@ a {
 	padding-right: 0.5rem;
 }
 
+.interest .nonbutton {
+	padding-left: 0.5rem;
+	padding-right: 0.5rem;
+	font-size: 0.85714286rem;
+	display: inline-block;
+	min-height: 1em;
+	font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
+	margin: 0 .25em 0 0;
+	padding-top: 0.785714em;
+	padding-bottom: 0.785714em;
+}
+
 .ui.button.storage-button {
 	padding-left: 0.5rem;
 	padding-right: 0.5rem;