Buttons with images don't align in horizontal linear layout
===

I'm creating a custom numberpicker and when I set it to be vertical everything looks fine, but when I set it horizontal, the elements don't align.
   
The buttons have some text on it, and then I add a image.   
Without plus and minus button : 

![enter image description here][1]  
  
With buttons  

![enter image description here][2]   

This is my code:

    private final int ELEMENT_HEIGHT = 50;
	private final int ELEMENT_WIDTH = 65; 

.....

    public NumberPicker(Context context, int min, int max,int orientation) {
		super(context);

    this.setLayoutParams(new LinearLayout.LayoutParams(
				LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));
		LayoutParams elementParams = new LinearLayout.LayoutParams(
				ELEMENT_WIDTH, ELEMENT_HEIGHT);

		// init the individual elements
		initDecrementButton(context);
		initValueEditText(context);
		initIncrementButton(context);
		
		this.setOrientation(orientation);
		
		if (orientation == VERTICAL) {
			addView(increment, elementParams);
			addView(valueText, elementParams);
			addView(decrement, elementParams);
		} else {
			addView(decrement, elementParams);
			addView(valueText, elementParams);
			addView(increment, elementParams);
		}
    }


	private void initIncrementButton(Context context) {
		increment = new Button(context);
		increment.setTextSize(15);
		increment.setText("Max: " + getMaximum());
		increment.setCompoundDrawablesWithIntrinsicBounds(null,null , null, context.getResources().getDrawable(R.drawable.plus)); 

     }

     private void initDecrementButton(Context context) {
		decrement = new Button(context);
		decrement.setTextSize(15);
		decrement.setText("Min: " + getMinimum());
		decrement.setCompoundDrawablesWithIntrinsicBounds(null, context.getResources().getDrawable(R.drawable.minus),null ,null); 

     }


  [1]: http://i.stack.imgur.com/zDAkp.jpg
  [2]: http://i.stack.imgur.com/xpG4b.jpg   

How can I fix this? 
thx :)