title: XAML Hub Control Windows 8.1 Universal app
body: <p>Why is the hub control in Windows 8.1 seems like its taking an additional 120 pixel up top?</p>
  
  <p>I have nested my Hub control as follows:</p>
  
  <pre><code>&lt;Grid Background="{StaticResource DmWhiteBrush}"&gt;
          &lt;Grid.RowDefinitions&gt;
              &lt;RowDefinition Height="Auto" /&gt;
              &lt;RowDefinition Height="*" /&gt;
          &lt;/Grid.RowDefinitions&gt;
  
          &lt;controls:TopNavigationBarControl Grid.Row="0" /&gt;
  
          &lt;Hub
              Grid.Row="1"
              Margin="0"
              VerticalContentAlignment="Stretch"                 &gt;
              &lt;HubSection
                  VerticalContentAlignment="Stretch" &gt; DATA BLA BLA
              &lt;/HubSection&gt;
  </code></pre>
  
  <p>And between my hub and my controls:TopNavigationBarControl  there seems to be about 120 extra pixels, i have found nothing better then to add a negative top margin on the hub element, but thats not great.  Does anyone have an idea of what i can do to remove this?  I do not want to use the header in the hub element.  thx! </p>
  
  <p>EDIT:
  As of right now i have found nothing better then to edit the template of the hub and remove the header and remove the top padding using blend.  Also on the hub element i have added</p>
  
  <pre><code>&lt;Hub
      Grid.Row="0"
      Grid.RowSpan="2"
      Margin="0"&gt;
  </code></pre>
  
  <p>Edit2: In blend I cant find where are those extra pixels!, I can clearly see that there is still a space for a header, even thought I have removed the grids row definition in blend.</p>