diff --git a/foundations-high-performance-react.org b/foundations-high-performance-react.org
index 886a288..4d0d980 100644
--- a/foundations-high-performance-react.org
+++ b/foundations-high-performance-react.org
@@ -794,6 +794,7 @@ only the start of your High-Performance React journey.
 #+name: render-tree-basic
 #+begin_src dot :file "./images/render-tree-basic.png" :exports results
   digraph {
+     size="12!,4";
      rankdir=TB;
      node [fontname="DejaVu Sans"];
      edge [fontname="DejaVu Sans"];
@@ -809,6 +810,7 @@ only the start of your High-Performance React journey.
 #+end_src
 
 #+caption: Figure {{{n(FIGURE)}}}: Tree of components
+#+attr_leanpub: :width 50%
 #+RESULTS: render-tree-basic
 [[file:./images/render-tree-basic.png]]
 
diff --git a/manuscript/image-test.markua b/manuscript/image-test.markua
index bb41cf8..96c4042 100644
--- a/manuscript/image-test.markua
+++ b/manuscript/image-test.markua
@@ -1,6 +1,6 @@
 # Image Test
 
-{caption: "Figure 1: Tree of components"}
+{width: "50%", caption: "Figure 1: Tree of components"}
 ![Figure 1: Tree of components](./images/render-tree-basic.png) 
 
 As you can see in Figure 1 when stage changes in component `A` component `B` will be re-rendered. 
diff --git a/manuscript/resources/images/render-tree-basic.png b/manuscript/resources/images/render-tree-basic.png
index dfa68cf..1244789 100644
Binary files a/manuscript/resources/images/render-tree-basic.png and b/manuscript/resources/images/render-tree-basic.png differ