diff --git a/tunictracker/tracker/templates/tracker/codes/block.html b/tunictracker/tracker/templates/tracker/codes/block.html
index e7626f1..518117d 100644
--- a/tunictracker/tracker/templates/tracker/codes/block.html
+++ b/tunictracker/tracker/templates/tracker/codes/block.html
@@ -1,17 +1,17 @@
 {% load static %}
 {% if not is_entered %}
-    <ul class="p-2 flex flex-col rounded-xl {{ extra_classes }}">
+    <ul class="p-2 flex flex-col rounded-xl max-w-32 sm:max-w-48 xl:max-w-64 m-auto {{ extra_classes }}">
         <div class="pl-2 text-base codes-list-item-title">{{ name }}</div>
         <hr class="mb-2 border-2 border-holy-cross opacity-30 rounded-xl" />
-        <div class="min-x-full">
+        <div class="min-w-full">
             {% if is_global %}
-                <span class="flex flex-shrink-0 object-contain mx-2 my-auto text-2xl text-justify break-all align-middle codes-list-item-code">
+                <span class="flex object-contain mx-2 my-auto text-2xl text-justify break-all align-middle codes-list-item-code">
                     {% with "tracker/images/cross_codes/"|add:"Global/"|add:name|add:".png" as code_image %}
                         <img src="{% static code_image %}" alt="{{ code }}" width="" height="" />
                     {% endwith %}
                 </span>
             {% else %}
-                <span class="flex flex-shrink-0 object-contain mx-2 my-auto text-2xl text-justify break-all align-middle codes-list-item-code">
+                <span class="flex object-contain mx-2 my-auto text-2xl text-justify break-all align-middle codes-list-item-code">
                     {% with "tracker/images/cross_codes/"|add:current_scene|add:"/"|add:name|add:".png" as code_image %}
                         <img src="{% static code_image %}" alt="{{ code }}" width="" height="" />
                     {% endwith %}
diff --git a/tunictracker/tracker/templates/tracker/codes/index.html b/tunictracker/tracker/templates/tracker/codes/index.html
index f2b8ff0..fd2b491 100644
--- a/tunictracker/tracker/templates/tracker/codes/index.html
+++ b/tunictracker/tracker/templates/tracker/codes/index.html
@@ -3,7 +3,7 @@
     <summary>Holy Cross Codes</summary>
     <hr class="border-2 border-holy-cross opacity-30 rounded-xl" />
     <div class="flex flex-col space-y-2 overflow-y-scroll rounded-md max-h-96 bg-gradient-to-br from-charcoal-translucent to-charcoal-translucent-light scrollbar-none">
-        <div class="grid grid-flow-row grid-cols-1 gap-2 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-7 rounded-xl"
+        <div class="flex flex-row flex-wrap rounded-xl {% comment %} class="grid grid-flow-row grid-cols-1 gap-2 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-7" {% endcomment %}"
              id="codes-list">
             {% include "tracker/codes/block.html" with is_entered=False name="it is a mystery" current_scene="mystery" code="" extra_classes="order-last hidden" %}
             {% for name, code in default_codes.items %}