diff --git a/packages/noco-docs/content/en/setup-and-usages/code-snippets.md b/packages/noco-docs/content/en/setup-and-usages/code-snippets.md
index 00e4172caf..3e26f536fa 100644
--- a/packages/noco-docs/content/en/setup-and-usages/code-snippets.md
+++ b/packages/noco-docs/content/en/setup-and-usages/code-snippets.md
@@ -10,35 +10,40 @@ menuTitle: 'Code Snippets'
 
 In the table toolbar, click Table name button and click `Get API Snippet`.
 
-<img width="468" alt="image" src="https://user-images.githubusercontent.com/35857179/189104172-4f7f6b6d-cae1-431e-8a7a-26127cf8a791.png">
+<img width="476" alt="image" src="https://user-images.githubusercontent.com/35857179/194796042-e80ee8dd-a26f-4b75-a7ff-7cfdab1dcc43.png">
 
 A modal box will be shown with sample code snippet for List API.
 
-<img width="1498" alt="image" src="https://user-images.githubusercontent.com/35857179/189104418-cfa38ec0-ee91-4e72-83e1-6e28ab0311d1.png">
+<img width="1499" alt="image" src="https://user-images.githubusercontent.com/35857179/194796072-b521e3eb-4f25-42d9-bdfe-ef2dd22a1efa.png">
 
 ## Supported Snippet
 
 ### Shell
   - cURL
   - wget
+
 ### Javascript
   - Axios
   - Fetch
   - jQuery
   - XHR
+
 ### Node
   - Axios
   - Fetch
   - Request
   - Native
   - Unirest
+
 ### NocoDB SDK
   - Javascript
   - Node
+
 ### PHP
 ### Python
   - http.client
   - request
+
 ### Ruby
 ### Java
 ### C
\ No newline at end of file