UI 5 XML view - Button Right Alignment

I try to design the UI5 Free style app with XML view. I have the two input and One button on the Page. Onload I want the Button on Right side of my page,

Below the Code I build,

On my view display the Button shown on Left side

<App>
		<pages>
			<Page title="{i18n>title}">
				<VBox class="sapUiSmallMargin">
				<f:SimpleForm id="simpleForm" layout="ResponsiveGridLayout" width="100%" columnsXL="1" columnsL="1" columnsM="1" editable="true" emptySpanXL="1" emptySpanL="1" emptySpanM="1" emptySpanS="0" labelSpanXL="1" labelSpanL="1" labelSpanM="1" labelSpanS="1" title="User Login Page">
				<f:content>
					<Label text="Employee ID"/>
					<Input placeholder="Enter Emp id" fieldWidth="50%"/>
					<Label text="PassWord"/>
					<Input type="Password" placeholder="Password"/>
				</f:content>
				</f:SimpleForm>
				</VBox>
				<HBox alignItems="End" width="auto" height="auto" alignContent="End" direction="Row" >
					<items>
						<f:SimpleForm >
						<Button text="Log In" width="200px" class="sapUiSmallMargin"/>
						</f:SimpleForm>
					</items>
					</HBox>
			</Page>
		</pages>
	</App>