diff --git a/docs/manage/fields.md b/docs/manage/fields.md
index 8baa6df1fe..40be827006 100644
--- a/docs/manage/fields.md
+++ b/docs/manage/fields.md
@@ -86,13 +86,11 @@ Fields can be assigned to a Collector and Source using the **Fields** input ta
 
 1. Click **Save**.
 
-<img src={useBaseUrl('img/fields/edit-collector-fields-name.png')} alt="Edit collector fields name" style={{border: '1px solid gray'}} width="600" />
+  <img src={useBaseUrl('img/fields/edit-collector-fields-name.png')} alt="Edit collector fields name" style={{border: '1px solid gray'}} width="600" />
 
 In the above example, we have created a new field called `cluster` and set the value to `k8s.dev`. With this configuration, any logs sent to this Collector will now have this key-value pair associated with it.
 
-With this association, you can search for `cluster=k8s.dev` to return your logs.
-
-<img src={useBaseUrl('img/fields/collector-field-search-results.png')} alt="Collector field search results" style={{border: '1px solid gray'}} width="800" />
+With this association, you can search for `cluster=k8s.dev` to return your logs. <br/><img src={useBaseUrl('img/fields/collector-field-search-results.png')} alt="Collector field search results" style={{border: '1px solid gray'}} width="800" />
 
 ### Using Collector API
 
diff --git a/static/img/fields/collector-field-search-results.png b/static/img/fields/collector-field-search-results.png
index 9a4b65c7ec..276cfa9e7d 100644
Binary files a/static/img/fields/collector-field-search-results.png and b/static/img/fields/collector-field-search-results.png differ