diff --git a/styles/Blog/AboutMe.module.scss b/styles/Blog/AboutMe.module.scss
index a6d52da..7090185 100644
--- a/styles/Blog/AboutMe.module.scss
+++ b/styles/Blog/AboutMe.module.scss
@@ -29,7 +29,7 @@
 .badgeSet {
     display: flex;
     flex-direction: row;
-    margin-top: 10px;
+    flex-wrap: wrap;
 }
 
 .achievement {
@@ -54,6 +54,7 @@
     background: var(--badge-bg, transparent);
     color: var(--badge-color, inherit);
     margin-right: 10px;
+    margin-top: 10px;
 
     &:last-of-type {
         margin-right: 0;
@@ -132,6 +133,7 @@
 .socials {
     display: flex;
     flex-direction: row;
+    flex-wrap: wrap;
     align-items: center;
 
     & > * {
diff --git a/styles/Blog/Blog.module.scss b/styles/Blog/Blog.module.scss
index c2289c7..f714c70 100644
--- a/styles/Blog/Blog.module.scss
+++ b/styles/Blog/Blog.module.scss
@@ -28,6 +28,10 @@
         h1 {
             margin-top: 0;
         }
+
+        @media screen and (max-width: 890px) {
+            padding: 20px;
+        }
     }
 
     footer {