diff --git a/app/assets/stylesheets/darkswarm/images.css.scss b/app/assets/stylesheets/darkswarm/images.css.scss
index 73b59be151..ba3c34cde3 100644
--- a/app/assets/stylesheets/darkswarm/images.css.scss
+++ b/app/assets/stylesheets/darkswarm/images.css.scss
@@ -3,7 +3,7 @@
 @import "branding";
 
 .product-img {
-  padding: 5px;
+  padding: 0.3rem;
 
   // placeholder for when no product images
   &.placeholder {
@@ -15,8 +15,7 @@
   }
 
   @media only screen and (max-width: 1024px) {
-    margin-top: 0;
-    padding: 5px;
+    margin: 0 0 0.5rem;
   }
 }
 
diff --git a/app/assets/stylesheets/darkswarm/modals.css.scss b/app/assets/stylesheets/darkswarm/modals.css.scss
index 54f8c57dd1..266afa2417 100644
--- a/app/assets/stylesheets/darkswarm/modals.css.scss
+++ b/app/assets/stylesheets/darkswarm/modals.css.scss
@@ -83,7 +83,7 @@ dialog .mobile-close-reveal-modal
 
   .bottom-close-button {
     background-color: $orange-500;
-    margin: 0 0 1rem;
+    margin: 0.5rem 0 1rem 0;
 
     @media only screen and (min-width: 640px) {
       display: none;