Code snippet theme indenting the first line

[joejoe]

I wanted to add a background with a rounder border around the code snippet, but for some reason the first line of the preview gets indented. Do you know why that's the case?

code,
pre {
  line-height: 2em;
  border-radius: 4px;
  padding: 8px;
}

pre {
  background: rgba(0, 76, 114, 0.04) !important;
}

code {
  background: rgba(0, 76, 114, 0.08);
}

pre code {
  background: none !important;
}

.code {
  border: none;
  background: rgba(0, 76, 114, 0.08);
  border-radius: 4px;
}

[graphit0]

I'm not sure but this padding seems sus

@joejoe

pre {

  padding: 8px;
}