Fix mobile look of About pages

app/styles/about.scss

@@ -18,6 +18,8 @@ $small-breakpoint: 960px;
     margin: 40px 0;
     background: var(--foreground-color);
     border-radius: 6px;
+    
+    @media screen and (max-width: 520px) { margin: 40px 20px; }
 
     @media screen and (max-width: 767px) {
       margin-top: 0;
@@ -707,8 +709,6 @@ $small-breakpoint: 960px;
   max-width: 600px;
   padding: 15px 30px;
 
-  @media screen and (max-width: 520px) { padding: 0; }
-
   & > :first-child {
     margin-top: 0.5em;
   }