diff --git a/docs/docs/widgets/kanban-board.md b/docs/docs/widgets/kanban-board.md
index ba6a9d90d3..a0959cd695 100644
--- a/docs/docs/widgets/kanban-board.md
+++ b/docs/docs/widgets/kanban-board.md
@@ -26,6 +26,8 @@ For instance, you can set the `Data` property of a Text component on a card usin
 // Replace title with the key in your data
 ```
 
+<div style={{textAlign: 'center', marginBottom:'15px'}}>
+    <img className="screenshot-full" src="/img/widgets/kanban/kanban2/kanban2.png" alt="ToolJet - Component Reference - Kanban Component" />
 </div>
 
 <div style={{paddingTop:'24px', paddingBottom:'24px'}}>
@@ -143,4 +145,4 @@ Under the <b>General</b> accordion, you can set the value in the string format.
 | Visibility   | This is to control the visibility of the component. If `{{false}}`/disabled the component will not visible after the app is deployed. By default, it's enabled (set to `{{true}}`). |
 | Accent color | You can change the accent color of the column title by entering the Hex color code or choosing a color of your choice from the color picker.                                  |
 
-</div>
\ No newline at end of file
+</div>
diff --git a/docs/docs/widgets/listview.md b/docs/docs/widgets/listview.md
index 7ef6afa4c9..822534a4e5 100644
--- a/docs/docs/widgets/listview.md
+++ b/docs/docs/widgets/listview.md
@@ -39,6 +39,8 @@ Similarly, for an Image component inside List View, you can use the below code t
 {{listItem.imageURL}}
 ```
 
+<div style={{textAlign: 'center', marginBottom: '15px'}}>
+    <img className="screenshot-full" src="/img/widgets/list-view/listviewapp.png" alt="ToolJet - List view component" />
 </div>
 
 <div style={{paddingTop:'24px', paddingBottom:'24px'}}>
diff --git a/docs/docs/widgets/table.md b/docs/docs/widgets/table.md
index 0f97ab0bcb..e4deb27a14 100644
--- a/docs/docs/widgets/table.md
+++ b/docs/docs/widgets/table.md
@@ -426,7 +426,7 @@ Activate this option to visually emphasize the last clicked row. **Enabling** th
 
 To enable the selection of one or more rows from the current page of a table, you can activate the 'Bulk selection' setting in the inspector. The values of the selected rows will be exposed as '**selectedRows**'.
 
-### Default Selected Row
+### Default selected row
 
 By enabling this option, you can designate a default row to be pre-selected when the app loads. This means that whenever the app is opened for the first time, a specific row will already be highlighted in the table by default. Additionally, there is an accessible variable that stores the value for this setting. You can find a list of all accessible variables **[here](#exposed-variables)**.