diff --git a/doc/recipes.rst b/doc/recipes.rst
index 0f60f21e8..9523fff9b 100644
--- a/doc/recipes.rst
+++ b/doc/recipes.rst
@@ -551,18 +551,18 @@ include in your templates:
     ``interpolateProvider`` service, for instance at the module initialization
     time:
 
-    ```js
-    angular.module('myApp', []).config(function($interpolateProvider) {
-        $interpolateProvider.startSymbol('{[').endSymbol(']}');
-    });
-    ```
+    ..code-block:: javascript
+
+        angular.module('myApp', []).config(function($interpolateProvider) {
+            $interpolateProvider.startSymbol('{[').endSymbol(']}');
+        });
 
   * For Twig, change the delimiters via the ``tag_variable`` Lexer option:
 
-    ```php
-    $env->setLexer(new Twig_Lexer($env, array(
-        'tag_variable' => array('{[', ']}'),
-    )));
-    ```
+    ..code-block:: php
+
+        $env->setLexer(new Twig_Lexer($env, array(
+            'tag_variable' => array('{[', ']}'),
+        )));
 
 .. _callback: http://www.php.net/manual/en/function.is-callable.php