diff --git a/src/library-authoring/author-library/index.scss b/src/library-authoring/author-library/index.scss
index 75bb012c..5fdb5920 100644
--- a/src/library-authoring/author-library/index.scss
+++ b/src/library-authoring/author-library/index.scss
@@ -5,7 +5,7 @@
     }
 
     .pgn__card-header-content {
-        margin-top: 0.6rem;
+        margin-top: 20px !important;
     }
 }
 
diff --git a/src/library-authoring/edit-block/LibraryBlock/LibraryBlock.jsx b/src/library-authoring/edit-block/LibraryBlock/LibraryBlock.jsx
index e3e6e362..37307e2e 100644
--- a/src/library-authoring/edit-block/LibraryBlock/LibraryBlock.jsx
+++ b/src/library-authoring/edit-block/LibraryBlock/LibraryBlock.jsx
@@ -116,7 +116,7 @@ class LibraryBlock extends React.Component {
         position: 'relative',
         overflow: 'hidden',
         minHeight: '200px',
-        margin: '16px',
+        margin: '24px',
       }}
       >
         <iframe
diff --git a/src/library-authoring/edit-block/LibraryBlock/wrap.js b/src/library-authoring/edit-block/LibraryBlock/wrap.js
index 70047abb..193f80de 100644
--- a/src/library-authoring/edit-block/LibraryBlock/wrap.js
+++ b/src/library-authoring/edit-block/LibraryBlock/wrap.js
@@ -376,7 +376,7 @@ export default function wrapBlockHtmlForIFrame(html, resources, lmsBaseUrl) {
     <!-- A Studio-served stylesheet will set the body min-height to 100% (a common strategy to allow for background
     images to fill the viewport), but this has the undesireable side-effect of causing an infinite loop via the
     onResize event listeners in certain situations.  Resetting it to the default "auto" skirts the problem. -->
-    <body style="min-height: auto">
+    <body style="min-height: auto; background-color: white">
       ${html}
       ${jsTags}
       <script>
