diff --git a/src/components/dither.tsx b/src/components/dither.tsx
index 5338469..18b9f11 100644
--- a/src/components/dither.tsx
+++ b/src/components/dither.tsx
@@ -335,10 +335,6 @@ export function Dither() {
 
   return (
     <main class="grid grid-cols-1 mx-auto container p-2 gap-4">
-      <div class="w-full">
-        <canvas class="w-full" />
-      </div>
-
       <div class="grid gap-4">
         <div class="flex flex-col gap-2">
           {ADJUSTMENTS_CONTROLS.map((control) => (
@@ -443,6 +439,9 @@ export function Dither() {
           ))}
         </table>
       </div>
+      <div class="w-full">
+        <canvas class="w-full" />
+      </div>
     </main>
   );
 }
diff --git a/src/pages/works/index.astro b/src/pages/works/index.astro
index ff0b345..8e6c705 100644
--- a/src/pages/works/index.astro
+++ b/src/pages/works/index.astro
@@ -6,7 +6,7 @@ const destinyCardThumbnail = "/images/destiny-card/thumbnail.png";
 const soulsCardThumbnail = "/images/souls-card/thumbnail.png";
 const eldenringDictThumbnail = "/images/eldenring-dict/thumbnail.png";
 const sudokuThumbnail = "/images/sudoku-thumbnail.webp";
-const ditherThumbnail = "/images/kami-dither.jpeg";
+const ditherThumbnail = "/images/kami-dither.jpg";
 ---
 
 <MainLayout