diff --git a/files/templates/award_modal.html b/files/templates/award_modal.html
index 61f094e00..b8538d25f 100644
--- a/files/templates/award_modal.html
+++ b/files/templates/award_modal.html
@@ -15,11 +15,12 @@
 						{% 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">
 							{% if award.owned %}
-								<input hidden name="award" value="{{award.kind}}" type="radio" id="{{award.kind}}-award">
+							<input hidden name="award" value="{{award.kind}}" type="radio" id="{{award.kind}}-award" class="peer">
+							<label for="{{award.kind}}-award" onclick="bruh('{{award.kind}}')" class="w-full h-full p-2 text-center hover:bg-gray-300 peer-checked:shadow-inner peer-checked:bg-green-300 rounded">
 							{% 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">
+							<input hidden name="award" value="{{award.kind}}" type="radio" id="{{award.kind}}-award" class="peer" disabled>
+							<label for="{{award.kind}}-award" onclick="bruh('{{award.kind}}')" class="w-full h-full p-2 text-center hover:bg-gray-300 peer-checked:shadow-inner peer-checked:bg-green-300 rounded cursor-not-allowed opacity-50">
 							{% endif %}
-								<label for="{{award.kind}}-award" onclick="bruh('{{award.kind}}')" class="w-full h-full p-2 text-center hover:bg-gray-300 peer-checked:shadow-inner peer-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>