diff --git a/files/templates/report_post_modal.html b/files/templates/report_post_modal.html
index 7065393d9a..9269acd711 100644
--- a/files/templates/report_post_modal.html
+++ b/files/templates/report_post_modal.html
@@ -12,14 +12,14 @@
 			<div id="reportPostFormBefore">
 				<div class="modal-body">
 					<div class="font-bold text-lg leading-normal">We're sorry something here is wrong.</div>
-					<small class="text-gray-700">Please enter a reason for reporting below.</small>
+					<small class="text-gray-500">Please enter a reason for reporting below.</small>
 					<input maxlength="100" id="reason" class="mt-3 block w-full rounded shadow-inner px-2 py-1.5 text-gray-700 bg-white border border-gray-300 focus:bg-white focus:text-black" placeholder="e.g. this post violates community standards">
 				</div>
 				<div class="flex justify-end space-x-2 border-t border-gray-300 p-4">
 					<button type="button" class="px-4 py-2 text-sm font-bold text-gray-500 hover:text-gray-700" data-bs-dismiss="modal">
 						Cancel
 					</button>
-					<button type="button" id="reportPostButton" class="block px-4 py-2 bg-gradient-to-t from-red-700 to-red-600 hover:from-red-600 hover:to-red-700 active:shadow-inner border border-red-900 rounded-md text-shadow-t shadow-inset-t-white-10 text-sm font-bold text-gray-200 focus:text-gray-400 focus:outline-none">
+					<button type="button" id="reportPostButton" class="block px-4 py-2 bg-gradient-to-t from-red-700 to-red-600 hover:from-red-600 hover:to-red-700 active:shadow-inner border border-red-900 rounded-md text-shadow-t shadow-inset-t-white-10 text-sm font-bold text-gray-100 focus:text-gray-400 focus:outline-none">
 						Report post
 					</button>
 				</div>