diff --git a/files/templates/award_modal.html b/files/templates/award_modal.html
index 0e8d69d5ba..2ec360a66e 100644
--- a/files/templates/award_modal.html
+++ b/files/templates/award_modal.html
@@ -14,12 +14,12 @@
 					<div class="flex flex-wrap -mx-4 overflow-hidden">
 						{% for award in v.user_awards %}
 						<div class="my-4 px-4 w-1/2 overflow-hidden lg:w-1/4 flex items-center justify-center">
+							<label for="{{award.kind}}-award" onclick="bruh('{{award.kind}}')" class="w-full h-full p-2 text-center hover:bg-gray-300 checked:shadow-inner checked:bg-green-300 rounded">
 							{% if award.owned %}
 								<input hidden name="award" value="{{award.kind}}" type="radio" id="{{award.kind}}-award">
 							{% else %}
 								<input hidden name="award" value="{{award.kind}}" type="radio" id="{{award.kind}}-award" disabled class="cursor-not-allowed opacity-50 w-full h-full p-2 hover:bg-gray-300 rounded">
 							{% endif %}
-								<label for="{{award.kind}}-award" onclick="bruh('{{award.kind}}')" class="w-full h-full p-2 text-center hover:bg-gray-300 checked:shadow-inner checked:bg-green-300 rounded">
 									<i class="{{award.icon}} {{award.color}}"></i>
 									<div class="mt-2 font-bold text-base text-gray-700">{{award.title}}</div>
 									<div class="text-sm text-gray-500">{{award.owned}} owned</div>