diff --git a/website/templates/404.html b/website/templates/404.html
index 234eb46f..eb9d4691 100644
--- a/website/templates/404.html
+++ b/website/templates/404.html
@@ -5,7 +5,7 @@
         <h1>DON'T PANIC!</h1>
         <h2>404: Page not found!</h2>
 
-        <img class="max-h-[50vh] mx-auto"
+        <img class="mx-auto max-h-[50vh]"
              src="{{ get_url(path='images/panic.svg') | safe }}"
              alt="">
 
diff --git a/website/templates/base.html b/website/templates/base.html
index 91b6cee8..1a55aebf 100644
--- a/website/templates/base.html
+++ b/website/templates/base.html
@@ -47,8 +47,8 @@
         {% if permalink %}<meta property="og:url" content="{{ permalink | safe }}">{% endif %}
     </head>
 
-    <body class="flex flex-col p-2 mx-auto min-h-screen text-lg text-white break-words bg-[#2A3439] lg:px-5 2xl:container">
-        <header class="flex flex-col gap-x-4 items-center py-2 px-4 mb-1 bg-black/30 rounded-sm sm:flex-row sm:rounded-full">
+    <body class="flex flex-col p-2 mx-auto min-h-screen text-lg text-white break-words lg:px-5 2xl:container bg-[#2A3439]">
+        <header class="flex flex-col gap-x-4 items-center py-2 px-4 mb-1 rounded-sm sm:flex-row sm:rounded-full bg-black/30">
             <a class="transition duration-500 hover:scale-110"
                href="{{ get_url(path='@/_index.md') | safe }}"
                aria-hidden="true">
@@ -74,15 +74,15 @@
             {% block content %}{% endblock %}
         </main>
 
-        <footer class="pt-2 pb-1 mt-auto text-center text-sm">
-            <div class="mt-2 mx-auto inline-flex gap-x-1.5 items-center">
+        <footer class="pt-2 pb-1 mt-auto text-sm text-center">
+            <div class="inline-flex gap-x-1.5 items-center mx-auto mt-2">
                 <img class="w-8 h-8"
                      src="{{ get_url(path='images/rust_logo.svg') | safe }}"
                      alt="">
                 <div class="italic">Rustlings is an official Rust project</div>
             </div>
 
-            <nav class="mt-3 flex flex-col gap-y-3 justify-around py-3 bg-black/30 rounded-sm sm:flex-row sm:rounded-full">
+            <nav class="flex flex-col gap-y-3 justify-around py-3 mt-3 rounded-sm sm:flex-row sm:rounded-full bg-black/30">
                 {% for footer_item in config.extra.footer_items %}
                     <a class="no-underline" href="{{ footer_item.url | safe }}">{{ footer_item.name }}</a>
                 {% endfor %}
diff --git a/website/templates/page.html b/website/templates/page.html
index 8c9a9f1a..b2f6c019 100644
--- a/website/templates/page.html
+++ b/website/templates/page.html
@@ -4,7 +4,7 @@
     <article>
         <h1>{{ page.title }}</h1>
 
-        <div class="px-4 py-0.5 my-3 border-s-4 rounded-xl border-double">
+        <div class="py-0.5 px-4 my-3 rounded-xl border-double border-s-4">
             <nav>
                 <ul class="ml-0 list-none">
                     {% for parent in page.toc %}
diff --git a/website/templates/shortcodes/details.html b/website/templates/shortcodes/details.html
index bcdd6b50..1c07778c 100644
--- a/website/templates/shortcodes/details.html
+++ b/website/templates/shortcodes/details.html
@@ -3,7 +3,7 @@
         <strong>{{ summary | safe }}</strong> (<em>click to expand</em>)
     </summary>
 
-    <blockquote class="mx-0.5 border-x-3 border-b-3 border-dashed pt-1 mt-1 rounded-none">
+    <blockquote class="pt-1 mx-0.5 mt-1 rounded-none border-dashed border-x-3 border-b-3">
         {{ body | markdown | safe }}
     </blockquote>
 </details>
