it seem that the width of the header widgets is determined my the widget title.

The width of a header widget is dependent on the width of its content.

Is there a way I can force the header widget width to the full width of the header?

You can add this on the Custom CSS tab of the Options Page.

.widget-header {
   display: block;
   float: none;
}