diff --git a/src/webviews/apps/images/settings/branches-view-compare+pr.png b/src/webviews/apps/images/settings/branches-view-compare+pr.png
new file mode 100644
index 0000000..a7593c7
Binary files /dev/null and b/src/webviews/apps/images/settings/branches-view-compare+pr.png differ
diff --git a/src/webviews/apps/images/settings/branches-view-compare.png b/src/webviews/apps/images/settings/branches-view-compare.png
new file mode 100644
index 0000000..18688da
Binary files /dev/null and b/src/webviews/apps/images/settings/branches-view-compare.png differ
diff --git a/src/webviews/apps/images/settings/branches-view-pr.png b/src/webviews/apps/images/settings/branches-view-pr.png
new file mode 100644
index 0000000..bb7042b
Binary files /dev/null and b/src/webviews/apps/images/settings/branches-view-pr.png differ
diff --git a/src/webviews/apps/images/settings/branches-view.pdn b/src/webviews/apps/images/settings/branches-view.pdn
new file mode 100644
index 0000000..ae6a9da
Binary files /dev/null and b/src/webviews/apps/images/settings/branches-view.pdn differ
diff --git a/src/webviews/apps/images/settings/branches-view.png b/src/webviews/apps/images/settings/branches-view.png
new file mode 100644
index 0000000..69e057f
Binary files /dev/null and b/src/webviews/apps/images/settings/branches-view.png differ
diff --git a/src/webviews/apps/settings/partials/views.branches.html b/src/webviews/apps/settings/partials/views.branches.html
index 4519f11..fb2f58e 100644
--- a/src/webviews/apps/settings/partials/views.branches.html
+++ b/src/webviews/apps/settings/partials/views.branches.html
@@ -176,23 +176,33 @@
 			<div class="section__preview">
 				<img
 					class="image__preview hidden"
-					src="#{root}/images/settings/view-branches.png"
-					data-visibility="views.branches.files.layout !tree"
+					src="#{root}/images/settings/branches-view-compare+pr.png"
+					data-visibility="views.branches.showBranchComparison !false &amp; views.branches.pullRequests.enabled &amp; views.branches.pullRequests.showForBranches"
 				/>
 				<img
 					class="image__preview hidden"
-					src="#{root}/images/settings/view-branches-tree-compact.png"
-					data-visibility="views.branches.files.layout =tree &amp; views.branches.files.compact"
+					src="#{root}/images/settings/branches-view-compare.png"
+					data-visibility="views.branches.showBranchComparison !false &amp; views.branches.pullRequests.enabled =false"
 				/>
 				<img
 					class="image__preview hidden"
-					src="#{root}/images/settings/view-branches-tree.png"
-					data-visibility="views.branches.files.layout =tree &amp; views.branches.files.compact =false"
+					src="#{root}/images/settings/branches-view-compare.png"
+					data-visibility="views.branches.showBranchComparison !false &amp; views.branches.pullRequests.enabled &amp; views.branches.pullRequests.showForBranches =false"
 				/>
 				<img
-					class="image__preview--overlay hidden"
-					src="#{root}/images/settings/view-branches-avatars.png"
-					data-visibility="views.branches.avatars"
+					class="image__preview hidden"
+					src="#{root}/images/settings/branches-view-pr.png"
+					data-visibility="views.branches.showBranchComparison =false &amp; views.branches.pullRequests.enabled &amp; views.branches.pullRequests.showForBranches"
+				/>
+				<img
+					class="image__preview hidden"
+					src="#{root}/images/settings/branches-view.png"
+					data-visibility="views.branches.showBranchComparison =false &amp; views.branches.pullRequests.enabled =false"
+				/>
+				<img
+					class="image__preview hidden"
+					src="#{root}/images/settings/branches-view.png"
+					data-visibility="views.branches.showBranchComparison =false &amp; views.branches.pullRequests.enabled &amp; views.branches.pullRequests.showForBranches =false"
 				/>
 			</div>
 		</div>