Graphite skin styling for spark VScrollBarThumbSkin and HScrollBarThumbSkin breaks scrollling behaviour

Steps to reproduce:
In a spark Scroller component add scrollable content IE:
<s:Group id="scrollContainer" width="100%" height="100%">
<s:layout>
<s:HorizontalLayout gap="0" horizontalAlign="left"/>
</s:layout>
<s:Scroller width="100%" height="100%">
<views:ScrollablePage id="scrollPage" width="100%" height="100%" clipAndEnableScrolling="true" left="0" x="0"/>
</s:Scroller>
</s:Group>

Actual Results: The vertical and scrollable thumbs are not sized properly and the scrolling stops at the halfway point of the scrollbar

Expected Results: Scrolling should behave normally.

Workaround (if any):
If you take out the outer <s:Group> container in graphite's VScrollBarThumbSkin and HScrollBarThumbSkin, the scrollbars behave normally.