Proper rendering order for Attributes?

Hi,

I am making a custom button and it is working as designed except for one issue. When the button (called MaxButton) is overlaid on top of other components, the circle in the button is drawn on top of them, but the 'base' is beneath. This is shown in the image below with the button both above and below the C# component.

The render method in my custom ButtonAttribute class (which is a subclass of ResizableAttributes) is as follows:

protected override void Render(Grasshopper.GUI.Canvas.GH_Canvas canvas, Graphics graphics,
            Grasshopper.GUI.Canvas.GH_CanvasChannel channel)
        {
            base.Render(canvas, graphics, channel);
            RenderButton(canvas,graphics);
        }

It calls an additional method that renders the inner Circle:

protected void RenderButton(Grasshopper.GUI.Canvas.GH_Canvas canvas, Graphics graphics)
        {
            SolidBrush brush;
            if (!((MaxButton)this.Owner).ButtonDown)   
                brush = new SolidBrush(((MaxButton)this.Owner).ButtonUpColour);
            else
                brush = new SolidBrush(((MaxButton)this.Owner).ButtonPressColour);
            graphics.FillEllipse((Brush)brush, this.CircleBounds);
            brush.Dispose();
            Pen pen = new Pen(((MaxButton)this.Owner).BorderColour, 4);
            graphics.DrawEllipse(pen, this.CircleBounds);
            pen.Dispose();
        }

Any help is greatly welcome. Thanks in advance!