title: UIBarButtonItem Custom Background Appearance 'Jumping' after flip transition
body: <p>For some reason when I set a custom background image for the uibarbutton items:</p>
  <pre><code>UIImage *button30 = [[UIImage imageNamed:@&quot;nav_bar_button_orange.png&quot;]
                       resizableImageWithCapInsets:UIEdgeInsetsMake(0, 5, 0, 5)];
  [[UIBarButtonItem appearance] setBackgroundImage:button30 forState:UIControlStateNormal
                                        barMetrics:UIBarMetricsDefault];
  </code></pre>
  <p>My button is 'jumping' or updating it's width (or more accurately the padding on each side of the text) on a horizontal flip.</p>
  <pre><code>self.navigationItem.leftBarButtonItem = [[UIBarButtonItem alloc] initWithTitle:@&quot;Cancel&quot; style:UIBarButtonItemStylePlain handler:^(id sender) {
      [self dismissViewControllerAnimated:YES completion:nil];
  }];
  </code></pre>
  <p>Ignore the handler bit, I'm using BlocksKit.</p>
  <p>You can see it happening here: <a href="http://screencast.com/t/HZRBS70OT6wt" rel="nofollow noreferrer">http://screencast.com/t/HZRBS70OT6wt</a></p>
  <h3>Additional Info</h3>
  <p>It even does this when I put the button in place in storyboard's instead of code. Only seems to happen on the horizontal flip.</p>
  <h2>Cause:</h2>
  <p>Apparently it has something to do with using a custom font. Almost like it's not calculating the width right at first.</p>
  <h1>Sample Project</h1>
  <p><a href="https://www.dropbox.com/s/dw3w9sbvfp14wl5/sample.zip" rel="nofollow noreferrer">Recreated the problem in this sample project</a>. Would love if someone knew how to fix this. Can't believe nobody has run into it.</p>