Fixed significant styling issue

Author: adityapandit17

guides/assets/stylesrc/_dark.scss

@@ -219,8 +219,6 @@
     } // #feature
 
     .interstitial {
-      display: flex;
-      align-items: center;
       &.code {
         background-color: $gray-900;
         border: 1px solid $gray-800 !important;

guides/assets/stylesrc/components/_code-container.scss

@@ -10,6 +10,8 @@ intermediate whitespace looks uniform. */
 
 .interstitial,
 dl dd .interstitial {
+  display: flex;
+  align-items: center;
   background-repeat: no-repeat;
   background-size: 36px 36px;
   border-radius: $base-border-radius;

guides/assets/stylesrc/print.scss

@@ -146,8 +146,6 @@
     }
 
     .interstitial {
-      display: flex;
-      align-items: center;
       background-repeat: no-repeat !important;
       background-size: 36px 36px !important;
       background-position: 10px 10px !important;

guides/source/index.html.erb

@@ -10,7 +10,7 @@
   <dl>
     <dt></dt>
     <% unless @edge -%>
-      <dd class="interstitial info kindle">Rails Guides are also available for <%= link_to 'Kindle', @epub %>.</dd>
+      <dd class="interstitial info kindle"><p>Rails Guides are also available for <%= link_to 'Kindle', @epub %>.</p></dd>
     <% end -%>
     <dd class="interstitial work-in-progress">Guides marked with this icon are currently being worked on and will not be available in the Guides Index menu. While still useful, they may contain incomplete information and even errors. You can help by reviewing them and posting your comments and corrections.</dd>
   </dl>