diff --git a/components/styles.module.css b/components/styles.module.css
index 3d74c0b..98c3a3a 100644
--- a/components/styles.module.css
+++ b/components/styles.module.css
@@ -120,6 +120,26 @@
   }
 }
 
+@media only screen and (max-width: 566px) {
+  .footer {
+    flex-direction: column;
+  }
+
+  .footer > div {
+    margin-top: 1em;
+  }
+
+  .footer .settings {
+    order: 1;
+  }
+  .footer .social {
+    order: 2;
+  }
+  .footer .copyright {
+    order: 3;
+  }
+}
+
 .pageActions {
   display: flex;
   flex-direction: row;