diff --git a/src/lib/ImageList.svelte b/src/lib/ImageList.svelte
index b6fc214c3f62830a0997d1bd4dd85d93c68128f4..a3bb5422fee221b343d7658b59b9fe160181fb85 100644
--- a/src/lib/ImageList.svelte
+++ b/src/lib/ImageList.svelte
@@ -2,10 +2,10 @@
     export let snowflakes = [];
 </script>
 
-<div class="flex flex-row flex-wrap justify-center">
+<div class="grid grid-cols-7 gap-4 mx-8">
     {#each snowflakes as snowflake}
         <a href="#/image/{snowflake}"
-            ><img src="/api/image/{snowflake}/preview" alt="" class="m-2" /></a
+            ><img src="/api/image/{snowflake}/preview" alt="" class="mx-auto" /></a
         >
     {/each}
 </div>