diff --git a/components/CodeImage.js b/components/CodeImage.js
index f5a251c..6fb8dcc 100644
--- a/components/CodeImage.js
+++ b/components/CodeImage.js
@@ -34,7 +34,8 @@ const CodeImage = (props) => {
   // create styles
   const containerStyle = {
     background: config.background,
-    padding: `${config.paddingVertical} ${config.paddingHorizontal}`
+    padding: `${config.paddingVertical} ${config.paddingHorizontal}`,
+    paddingTop: `calc(${config.paddingVertical} - 19px)` // TODO fix hack: accomodates for space taken up by window controls
   }
 
   return (
diff --git a/components/svg/Controls.js b/components/svg/Controls.js
index 6464e4b..5d0a08b 100644
--- a/components/svg/Controls.js
+++ b/components/svg/Controls.js
@@ -11,9 +11,9 @@ export default () => (
     </svg>
     <style jsx>{`
       div {
-        position: absolute;
+        position: relative;
+        top: +30px;
         margin-left: 18px;
-        margin-top: 12px;
         z-index: 1;
       }
     `}