diff --git a/docs/reference/gtk/images/headerbar.png b/docs/reference/gtk/images/headerbar.png
index d24c6923aa..7cd964a0a0 100644
Binary files a/docs/reference/gtk/images/headerbar.png and b/docs/reference/gtk/images/headerbar.png differ
diff --git a/docs/tools/widgets.c b/docs/tools/widgets.c
index bfba4a9877..f48af364fd 100644
--- a/docs/tools/widgets.c
+++ b/docs/tools/widgets.c
@@ -1214,8 +1214,8 @@ create_headerbar (void)
   gtk_window_set_titlebar (GTK_WINDOW (window), bar);
   button = gtk_button_new ();
   gtk_container_add (GTK_CONTAINER (button), gtk_image_new_from_icon_name ("bookmark-new-symbolic", GTK_ICON_SIZE_BUTTON));
-  gtk_widget_show_all (button);
   gtk_header_bar_pack_end (GTK_HEADER_BAR (bar), button);
+  gtk_widget_show_all (bar);
 
   return new_widget_info ("headerbar", window, ASIS);
 }