diff --git a/app/instructionalSupport/studentSupportCallForm/directives/studentPreferences/studentPreferenceTable/priorityButton/priorityButton.css b/app/instructionalSupport/studentSupportCallForm/directives/studentPreferences/studentPreferenceTable/priorityButton/priorityButton.css
new file mode 100644
index 000000000..df7a567d3
--- /dev/null
+++ b/app/instructionalSupport/studentSupportCallForm/directives/studentPreferences/studentPreferenceTable/priorityButton/priorityButton.css
@@ -0,0 +1,27 @@
+.priority-button {
+	word-wrap: break-word;
+	display: inline-flex;
+	font-size: 12px;
+	color: #24292e;
+	font-weight: 500;
+	user-select: none;
+	background-color: white;
+	border: 1px solid rgba(27,31,35,0.2);
+	border-radius: 0.25em;
+	cursor: pointer;
+	width: fit-content;
+	padding-right: 5px;
+	padding-left: 5px;
+}
+
+.priority-button:hover {
+	background-color: #e6ebf1;
+	background-image: linear-gradient(-180deg, #f0f3f6 0%, #e6ebf1 90%);
+	border-color: rgba(27,31,35,0.35);
+}
+
+.priority-button__icon-container {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
\ No newline at end of file
diff --git a/app/instructionalSupport/studentSupportCallForm/directives/studentPreferences/studentPreferenceTable/priorityButton/priorityButton.html b/app/instructionalSupport/studentSupportCallForm/directives/studentPreferences/studentPreferenceTable/priorityButton/priorityButton.html
new file mode 100644
index 000000000..f730c149f
--- /dev/null
+++ b/app/instructionalSupport/studentSupportCallForm/directives/studentPreferences/studentPreferenceTable/priorityButton/priorityButton.html
@@ -0,0 +1,6 @@
+<div class="priority-button" ng-click="onClick()">
+	<div class="priority-button__icon-container icon-container">
+		<div ng-class="iconClass">
+		</div>
+	</div>
+</div>
\ No newline at end of file
diff --git a/app/instructionalSupport/studentSupportCallForm/directives/studentPreferences/studentPreferenceTable/priorityButton/priorityButton.js b/app/instructionalSupport/studentSupportCallForm/directives/studentPreferences/studentPreferenceTable/priorityButton/priorityButton.js
new file mode 100644
index 000000000..f795a73ca
--- /dev/null
+++ b/app/instructionalSupport/studentSupportCallForm/directives/studentPreferences/studentPreferenceTable/priorityButton/priorityButton.js
@@ -0,0 +1,24 @@
+/** Example Usage:
+<ipa-button
+	button-text="'waffle'"
+	color="'light'"
+	icon-class="'glyphicon glyphicon-envelope'"
+	on-click="testComment()">
+</ipa-button>
+
+**/
+
+sharedApp.directive("priorityButton", this.ipaButton = function () {
+	return {
+		restrict: 'E',
+		templateUrl: 'priorityButton.html',
+		replace: true,
+		scope: {
+			onClick: '&?',
+			iconClass: '<?'
+		},
+		link: function(scope, element, attrs) {
+			// Intentionally empty
+		}
+	};
+});
\ No newline at end of file