diff --git a/src/assets/grid.svg b/src/assets/grid.svg
index 7b35c2d..ac2d34e 100644
--- a/src/assets/grid.svg
+++ b/src/assets/grid.svg
@@ -1,11 +1,12 @@
 <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
   <defs>
     <pattern id="smallGrid" width="25" height="25" patternUnits="userSpaceOnUse">
-      <path d="M 25 0 L 0 0 0 25" fill="none" stroke="gray" stroke-width="0.5"/>
+      <!-- <path d="M 25 0 L 0 0 0 25" fill="none" stroke="gray" stroke-width="0.5"/> -->
+    <circle cx="0.5" cy=".5" r=".25" stroke="gray" fill="transparent" stroke-width="1"/>    
     </pattern>
     <pattern id="grid" width="250" height="250" patternUnits="userSpaceOnUse">
       <rect width="250" height="250" fill="url(#smallGrid)"/>
-      <path d="M 250 0 L 0 0 0 250" fill="none" stroke="gray" stroke-width="1"/>
+      <path d="M 250 0 L 0 0 0 250" fill="none" stroke="gray" stroke-width="2"/>
     </pattern>
   </defs>
       
diff --git a/src/support/types.ts b/src/support/types.ts
index 4e2c936..533e3aa 100644
--- a/src/support/types.ts
+++ b/src/support/types.ts
@@ -98,7 +98,16 @@ export class RichTextBox {
         public text: string = '',
         public x: number = 0,
         public y: number = 0,
-    ) {
+    ) {}
+}
 
-    }
+
+export class ImageBox {
+    constructor(
+        public text: string = '',
+        public x: number = 0,
+        public y: number = 0,
+    ) {}
 }
+
+