diff --git a/Architecture-and-structure-of-the-page-components-%28blocks%29.md b/Architecture-and-structure-of-the-page-components-%28blocks%29.md
index 9028fba..c47cc04 100644
--- a/Architecture-and-structure-of-the-page-components-%28blocks%29.md
+++ b/Architecture-and-structure-of-the-page-components-%28blocks%29.md
@@ -48,8 +48,14 @@
 │   │       └── TwoColumnTextRendered.vue
 ```
 
+### Component files
+
 All vue files under `resources/js/components/Blocks/<block_category>/` are the actual components. Each component will have:
 
 * A vue file for rendering the look of the component on the page builder (<ComponentName>.vue)
 * A vue file for rendering the look of the component on the actual page (<ComponentName>Rendered.vue)
-* A vue file for rendering the form fields the author of the page uses to fill out and manipulate component block data (for instance, title, text, button text, button type, size, etc. Everything you can think off)
\ No newline at end of file
+* A vue file for rendering the form fields the author of the page uses to fill out and manipulate component block data (for instance, title, text, button text, button type, size, etc. Everything you can think off) that will pop up in the left drawer, when the user clicks the cogwheel button
+
+### block.js - definition file
+
+block.js (in `resources/js/Utils`) contains all the component block categories, component blocks, and field definitions for each component block in json format. Some field definitions are hardcoded with the system, and dictates their behaviour, other field definitions you are free to define yourself (as long as they don't conflict with the other built in field definitions.
\ No newline at end of file