title: Unneccesary right padding in LongListSelector Windows Phone 8
body: <p>I am developing an application in which I use longlistselector. I have two code bases 1 for wp7 and another for wp8 but my long list selector is giving a right padding in the item seperator I created and same code is working fine on wp7 .</p>
  
  <p>my code for longlistselctor is </p>
  
  <pre><code> &lt;controls:LongListSelector Margin="30,30,30,30"   VerticalAlignment="Stretch" HorizontalAlignment="Stretch" ScrollViewer.VerticalScrollBarVisibility="Visible"  x:Name="listofintroductions"
                  Background="White" Visibility="{Binding Hotintrovisibility, Mode=TwoWay, UpdateSourceTrigger=Default}" ItemsSource="{Binding introductions, Mode=TwoWay, UpdateSourceTrigger=Default}"&gt;
                  &lt;controls:LongListSelector.ListHeaderTemplate&gt;
                      &lt;DataTemplate&gt;
                          &lt;Grid Margin="0,0,0,0" Height="100"&gt;
                              &lt;StackPanel Orientation="Horizontal"&gt;
                                  &lt;Image Source="/Images/flame.png" Stretch="Uniform" VerticalAlignment="Center" HorizontalAlignment="Left" Height="45" Width="40" Margin="26.5,0,0,0"/&gt;
                                  &lt;TextBlock Text="Hot Introductions" Foreground="#404041" FontFamily="/Fonts/HelveticaNeue.ttf#Helvetica Neue"  FontSize="25.5" FontWeight="Normal" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="15,0,0,0"/&gt;
                              &lt;/StackPanel&gt;
                              &lt;Grid Height="2" Background="#E6E6E6" Width="480" VerticalAlignment="Bottom"/&gt;
                          &lt;/Grid&gt;
                      &lt;/DataTemplate&gt;
                  &lt;/controls:LongListSelector.ListHeaderTemplate&gt;
                  &lt;controls:LongListSelector.ListFooterTemplate&gt;
                      &lt;DataTemplate&gt;
                          &lt;Grid x:Name="viewallintros" Tap="viewallintros_Tap" VerticalAlignment="Stretch" HorizontalAlignment="Stretch"&gt;
                              &lt;TextBlock Text="View all potential intros" FontFamily="/Fonts/HelveticaNeue.ttf#Helvetica Neue"  FontSize="25" Padding="20" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="#404041"/&gt;
                          &lt;/Grid&gt;
                      &lt;/DataTemplate&gt;
                  &lt;/controls:LongListSelector.ListFooterTemplate&gt;
                  &lt;controls:LongListSelector.ItemTemplate&gt;
                      &lt;DataTemplate&gt;
                          &lt;Grid x:Name="hotintrotemplate" Tap="hotintrotemplate_Tap" &gt;
                              &lt;Grid.RowDefinitions&gt;
                                  &lt;RowDefinition Height="*"/&gt;
                                  &lt;RowDefinition Height="*"/&gt;
                                  &lt;RowDefinition Height="*"/&gt;
                                  &lt;RowDefinition Height="Auto"/&gt;
                                  &lt;RowDefinition Height="22"/&gt;
                              &lt;/Grid.RowDefinitions&gt;
                              &lt;Grid Grid.Row="0" VerticalAlignment="Stretch" HorizontalAlignment="Stretch"&gt;
                                  &lt;Grid.ColumnDefinitions&gt;
                                      &lt;ColumnDefinition Width="2*"/&gt;
                                      &lt;ColumnDefinition Width="*"/&gt;
                                  &lt;/Grid.ColumnDefinitions&gt;
                                  &lt;Grid Grid.Column="0"&gt;
                                      &lt;TextBlock x:Name="nameintro" Text="{Binding name}" FontSize="25.5" FontFamily="/Fonts/HelveticaNeue-Medium.ttf#Helvetica Neue" Foreground="#4EBEC7" FontWeight="Bold" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Padding="30,19,0,3"/&gt;
                                      &lt;TextBlock x:Name="introid" Text="{Binding Contactid}" Height="0" Width="0"/&gt;
                                  &lt;/Grid&gt;
                                  &lt;Grid Grid.Column="1"&gt;
                                      &lt;TextBlock Text="{Binding number_introduction}" FontWeight="Bold" FontSize="25.5" Foreground="#83D96F" FontFamily="/Fonts/HelveticaNeue.ttf#Helvetica Neue" HorizontalAlignment="Stretch" TextAlignment="Right" VerticalAlignment="Stretch" Padding="0,19,30,3"/&gt;
                                  &lt;/Grid&gt;
                              &lt;/Grid&gt;
                              &lt;Grid Grid.Row="1"&gt;
                                  &lt;TextBlock Text="{Binding title}" FontWeight="Bold" FontFamily="/Fonts/HelveticaNeue.ttf#Helvetica Neue" TextWrapping="NoWrap" FontSize="19.5" Foreground="#404041" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Padding="30,3,30,3"/&gt;
                              &lt;/Grid&gt;
                              &lt;Grid Grid.Row="2"&gt;
                                  &lt;TextBlock Text="{Binding Company_name}" FontWeight="Bold" TextWrapping="NoWrap" FontSize="18" FontFamily="/Fonts/HelveticaNeue.ttf#Helvetica Neue" Foreground="#d5d5d5" TextAlignment="Left" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Padding="30,3,30,3"/&gt;
                              &lt;/Grid&gt;
                              &lt;Grid Grid.Row="3" Margin="34,0,34,0"&gt;
                                  &lt;StackPanel Orientation="Horizontal" VerticalAlignment="Center" HorizontalAlignment="Left"&gt;
                                      &lt;Image Source="/Images/icon_linkedin@2x.png" Stretch="Uniform" Visibility="{Binding linkdenicon}" Height="20" Margin="0,9,10,9" /&gt;
                                      &lt;Image Source="/Images/icon_twitter@2x.png" Stretch="Uniform" Visibility="{Binding twittericon}" Height="20" Margin="0,9,10,9" /&gt;
                                      &lt;Image Source="/Images/icon_facebook@2x.png" Stretch="Uniform" Visibility="{Binding facebookicon}" Height="20" Margin="0,9,10,9" /&gt;
                                      &lt;Image Source="/Images/icon_web_link@2x.png" Stretch="Uniform" Visibility="{Binding googleplusicon}" Height="20" Margin="0,9,10,9" /&gt;
                                  &lt;/StackPanel&gt;
                              &lt;/Grid&gt;
                              &lt;Grid Grid.Row="4" Height="2" Width="480" Background="#E6E6E6" Margin="-30,20,-30,0"/&gt;
                          &lt;/Grid&gt;
                      &lt;/DataTemplate&gt;
                  &lt;/controls:LongListSelector.ItemTemplate&gt;
              &lt;/controls:LongListSelector&gt;
  </code></pre>
  
  <p>as you can see I have made a grid with height 2 pixel as a item seperator but it looks likes this ...</p>
  
  <p><img src="https://i.stack.imgur.com/Mkhrl.png" alt="enter image description here"></p>
  
  <p>you can see the right padding in the item seperator. I am not able to understand why this is happening.</p>