diff --git a/docs/_static/images/development/css-framework/callout-boxes.png b/docs/_static/images/development/css-framework/callout-boxes.png
index 76d81467..08090894 100644
Binary files a/docs/_static/images/development/css-framework/callout-boxes.png and b/docs/_static/images/development/css-framework/callout-boxes.png differ
diff --git a/docs/development/custom/css-framework.md b/docs/development/custom/css-framework.md
index f7764cf8..74327d36 100644
--- a/docs/development/custom/css-framework.md
+++ b/docs/development/custom/css-framework.md
@@ -17,26 +17,26 @@ Bootstrap alert levels "Success",  "Info", "Warning" and "Danger".
 
 ```html
 <div class="aa-callout aa-callout-success">
-  <p>
-    This is a success callout-box.
-  </p>
+    <p>
+        This is a success callout-box.
+    </p>
 </div>
 
 <div class="aa-callout aa-callout-info">
-  <p>
-    This is a info callout-box.
-  </p>
+    <p>
+        This is an info callout-box.
+    </p>
 </div>
 
 <div class="aa-callout aa-callout-warning">
-  <p>
-    This is a warning callout-box.
-  </p>
+    <p>
+        This is a warning callout-box.
+    </p>
 </div>
 
 <div class="aa-callout aa-callout-danger">
-  <p>
-    This is a danger callout-box.
-  </p>
+    <p>
+        This is a danger callout-box.
+    </p>
 </div>
 ```