diff --git a/client/assets/styles/styles.mobile.less b/client/assets/styles/styles.mobile.less
index 40a8de5e..430627bc 100644
--- a/client/assets/styles/styles.mobile.less
+++ b/client/assets/styles/styles.mobile.less
@@ -169,7 +169,16 @@
         grid-template-columns: 1fr;
         grid-template-rows: 1fr;
         grid-template-areas:
-          "main"
+          "main";
+
+        &.front-page {
+            display: block;
+
+            main {
+                padding: 0 0.5em;
+            }
+        }
+
     }
 
     section {
diff --git a/client/src/components/noise.logo.jsx b/client/src/components/noise.logo.jsx
index 8e3c1d71..de3997e5 100644
--- a/client/src/components/noise.logo.jsx
+++ b/client/src/components/noise.logo.jsx
@@ -49,7 +49,15 @@ class Logo extends Component {
                 },
                 {
                     scale: 4,
-                    duration: 200,
+                    duration: () => anime.random(150, 250),
+                },
+                {
+                    scale: 2,
+                    duration: () => anime.random(100, 150),
+                },
+                {
+                    scale: 4,
+                    duration: () => anime.random(150, 250),
                 },
             ],
         }));