Single column homepage layout

I built a dashboard that our users would like to use as their main homepage. But with the 2 column layout it squishes everything down and makes it hard to see. I followed the steps below in the dev console and created the single column layout. And when i choose that option and put the dashboard it everything looks great in the page editor. However when i save/activate and go to it, it loads into a small column on the left of the screen instead of taking up the whole screen. Any suggestions? Thanks

You need to create the following component HomePageSingleColumnTemplate with the following code
<aura:component implements="lightning:homeTemplate">
    <aura:attribute name="main" type="Aura.Component[]" /> 
    <div>
        <lightning:layout horizontalAlign="spread">
            {!v.main}
        </lightning:layout>
    </div>
</aura:component>
Also you have to specify design for it
<design:component >
    <flexipage:template >
        <flexipage:region name="main" defaultWidth="Xlarge">
        </flexipage:region>
    </flexipage:template>
</design:component>