diff --git a/src/assets/base.css b/src/assets/base.css
index 8e041cd..4f9a2e7 100644
--- a/src/assets/base.css
+++ b/src/assets/base.css
@@ -22,10 +22,14 @@
 
 @keyframes Blur {
     from {
+        opacity: 0;
+        transform: translateY(64px);
         filter: blur(10px);
     }
 
     to {
+        opacity: 1;
+        transform: translateY(0);
         filter: blur(0);
     }
 }
\ No newline at end of file
diff --git a/src/components/Creator/Dummy/DummyHero.vue b/src/components/Creator/Dummy/DummyHero.vue
index ea38bcd..f95837b 100644
--- a/src/components/Creator/Dummy/DummyHero.vue
+++ b/src/components/Creator/Dummy/DummyHero.vue
@@ -81,8 +81,7 @@ for (let elem in params) {
   }
 
   .hero > div {
-    min-width: 500px;
-    max-width: 600px;
+    width: 600px;
     display: flex;
     flex-direction: column;
     align-items: stretch;
diff --git a/src/components/Hero/CustomFooter.vue b/src/components/Hero/CustomFooter.vue
index 414b6bc..755e503 100644
--- a/src/components/Hero/CustomFooter.vue
+++ b/src/components/Hero/CustomFooter.vue
@@ -4,7 +4,7 @@
 
 <template>
   <div class="footer">
-    <p>Made with ❤️ using <a href="https://github.com/lonelynerd/PrettyHeroes">PrettyHeroes</a></p>
+    <p>Made with ❤️, ☄️ and 🦕 using <a href="https://github.com/lonelynerd/PrettyHeroes">PrettyHeroes</a></p>
   </div>
 </template>
 
diff --git a/src/views/HeroPage.vue b/src/views/HeroPage.vue
index 760c297..3742b45 100644
--- a/src/views/HeroPage.vue
+++ b/src/views/HeroPage.vue
@@ -105,8 +105,7 @@ function showElem(val) {
   }
 
   .hero > div {
-    min-width: 500px;
-    max-width: 600px;
+    width: 600px;
     display: flex;
     flex-direction: column;
     align-items: stretch;
diff --git a/src/views/HomePage.vue b/src/views/HomePage.vue
index ceb5741..037cfc9 100644
--- a/src/views/HomePage.vue
+++ b/src/views/HomePage.vue
@@ -165,17 +165,20 @@ document.querySelector("meta[name~='og:description']").setAttribute("content", `
   }
 
   .query > * {
-    padding: 16px 20px;
+    padding: 16px 24px;
     border-radius: 999px;
     font-size: 1em;
     font-weight: bold;
     border: none;
     background: var(--bg);
     color: var(--text);
+    display: flex;
+    justify-content: center;
+    align-items: center;
   }
 
   .query > * > img {
-    height: 1em;
+    height: 1.25em;
   }
 
   .query > input {