Fiori Custom Tile alignment 2x1

[duncanbarre]

How do i fix the alignment of my custom tile? The tile is not centered and overlapping the tile to the right.

View:

<mvc:View controllerName="approvaltile.approvaltile" xmlns:mvc="sap.ui.core.mvc" displayBlock="true" xmlns="sap.m">
	<GenericTile class="sapUiTinyMarginBegin sapUiTinyMarginTop tileLayout" header="Goedkeuren uren/onkosten" press="onPress"
		frameType="TwoByOne">
		<tileContent>
			<TileContent>
					<NumericContent id="summaryHours" icon="sap-icon://approvals" value="{/data/OpenTime}" scale="Uren" withMargin="false"/>
			</TileContent>
		</tileContent>
				<tileContent>
			<TileContent>
					<NumericContent id="summaryExpenses" icon="sap-icon://loan" value="{/data/OpenVV}" scale="Onk." withMargin="false"/>
			</TileContent>
		</tileContent>
	</GenericTile>
</mvc:View>

Chip:

<chip xmlns="http://schemas.sap.com/sapui2/services/Chip/1">
	<implementation>
		<sapui5>
			<viewName>approvaltile.approvaltile.view.xml</viewName>
		</sapui5>
	</implementation>
	<appearance>
		<title>Dynamic Applauncher</title>
		<description>Dynamic Applauncher Chip</description>
	</appearance>
	<contracts>
		<consume id="configuration">
			<parameters>
				<parameter name="tileConfiguration"/>
				<parameter name="col">2</parameter>
			</parameters>
		</consume>
		<consume id="preview"/>
		<consume id="writeConfiguration"/>
		<consume id="configurationUi"/>
		<consume id="search"/>
		<consume id="refresh"/>
		<consume id="visible"/>
		<consume id="bag"/>
		<consume id="url"/>
		<consume id="actions"/>
		<consume id="types">
			<parameters>
				<parameter name="supportedTypes">tile,link</parameter>
			</parameters>
		</consume>
	</contracts>
</chip>

[duncanbarre · Accepted solution]

it was the margin: sapUiTinyMarginBegin sapUiTinyMarginTop