diff --git a/css/suitcase.css b/css/suitcase.css
index 520e4dd..99df533 100644
--- a/css/suitcase.css
+++ b/css/suitcase.css
@@ -1701,6 +1701,20 @@ ul.tabs.secondary img {
     margin-bottom: 1rem;
 }
 
+.megapanels-wrapper_full_top,
+.megapanels-wrapper_full_bottom {
+    margin-right: 0.5rem;
+    margin-left: 0.5rem;
+}
+
+@media (max-width: 740px) {
+    .megapanels-wrapper_full_top,
+    .megapanels-wrapper_full_bottom {
+        margin-right: 2rem;
+        margin-left: 2rem;
+    }
+}
+
 @media (min-width: 1141px) {
 
     .megapanels-pane:first-child:nth-last-child(4),
diff --git a/panels/layouts/suitcase_megapanels/suitcase-megapanels.tpl.php b/panels/layouts/suitcase_megapanels/suitcase-megapanels.tpl.php
index 9b2779a..d616eb8 100644
--- a/panels/layouts/suitcase_megapanels/suitcase-megapanels.tpl.php
+++ b/panels/layouts/suitcase_megapanels/suitcase-megapanels.tpl.php
@@ -131,7 +131,7 @@
 	</div>
 
 	<?php if (!empty($content['bottom_full'])): ?>
-		<div class="megapanels_wrapper">
+		<div class="megapanels_wrapper megapanels-wrapper_full_top">
 			<div class="megapanels-full megapanels-full_bottom">
 				<div class="megapanels-pane_full">
 					<?php print $content['bottom_full']; ?>