Remove gap between toolbar and tabs

I recently started exploring Xamarin.Forms again and I ran into an issue when using custom tabs and toolbar layout overrides. You can see the result below:

The following makes up the tabs.axml and the toolbar.axml under .\Resources\layout.

tabs.axml:

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.TabLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/sliding_tabs"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="?attr/colorPrimary"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
    app:tabIndicatorColor="@android:color/white"
    app:tabGravity="center"
    app:tabMode="fixed"
    android:padding="0dp" />

toolbar.axml

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:minHeight="?attr/actionBarSize"
    android:background="?attr/colorPrimary"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

MainActivity.cs:

FormsAppCompatActivity.TabLayoutResource = Resource.Layout.tabs;
FormsAppCompatActivity.ToolbarResource = Resource.Layout.toolbar;

base.OnCreate (bundle);

global::Xamarin.Forms.Forms.Init (this, bundle);

LoadApplication (new App ());

Does anyone have any suggestions? If I can't get this resolved quick, I'm going to have to go back to platform independent UI's.

I honestly do not know what is causing this.