diff --git a/docs/_static/images/development/css-framework/callout-boxes.jpg b/docs/_static/images/development/css-framework/callout-boxes.jpg
index 55bdebb0..15a287d3 100644
Binary files a/docs/_static/images/development/css-framework/callout-boxes.jpg and b/docs/_static/images/development/css-framework/callout-boxes.jpg differ
diff --git a/docs/development/custom/css-framework.md b/docs/development/custom/css-framework.md
index d1848ab8..74a183f3 100644
--- a/docs/development/custom/css-framework.md
+++ b/docs/development/custom/css-framework.md
@@ -18,25 +18,25 @@ Bootstrap alert levels "Success",  "Info", "Warning" and "Danger".
 ```html
 <div class="aa-callout aa-callout-success">
   <p>
-    This iy a success callout-box.
+    This is a success callout-box.
   </p>
 </div>
 
 <div class="aa-callout aa-callout-info">
   <p>
-    This iy a info callout-box.
+    This is a info callout-box.
   </p>
 </div>
 
 <div class="aa-callout aa-callout-warning">
   <p>
-    This iy a warning callout-box.
+    This is a warning callout-box.
   </p>
 </div>
 
 <div class="aa-callout aa-callout-danger">
   <p>
-    This iy a danger callout-box.
+    This is a danger callout-box.
   </p>
 </div>
 ```