diff --git a/src/components/Roof2.jsx b/src/components/Roof2.jsx
index 7a560541..b5d27724 100644
--- a/src/components/Roof2.jsx
+++ b/src/components/Roof2.jsx
@@ -19,7 +19,7 @@ import { getCanvasState, insertCanvasState } from '@/lib/canvas'
 import { calculateIntersection } from '@/util/canvas-util'
 import { QPolygon } from '@/components/fabric/QPolygon'
 import { useAxios } from '@/hooks/useAxios'
-import ThumbnailLIst from './ui/ThumbnailLIst'
+import ThumbnailList from './ui/ThumbnailLIst'
 
 export default function Roof2() {
   const { canvas, handleRedo, handleUndo, setCanvasBackgroundWithDots, saveImage, addCanvas } = useCanvas('canvas')
@@ -692,7 +692,7 @@ export default function Roof2() {
           </div>
         </>
       )}
-      <ThumbnailLIst />
+      <ThumbnailList />
       <div className="flex justify-start my-8 mx-2 w-full">
         <canvas id="canvas" style={{ border: '1px solid black' }} />
       </div>
diff --git a/src/components/ui/ThumbnailLIst.jsx b/src/components/ui/ThumbnailLIst.jsx
index 69be84d9..a7b2392f 100644
--- a/src/components/ui/ThumbnailLIst.jsx
+++ b/src/components/ui/ThumbnailLIst.jsx
@@ -1,3 +1,3 @@
-export default function ThumbnailLIst() {
+export default function ThumbnailList() {
   return <div className="flex justify-center m-4 w-full">thumbnails</div>
 }