diff --git a/components/home/HomeHeroSky.vue b/components/home/HomeHeroSky.vue
index 7c3b5e4dbcc2fab692a1d1b053e0ad19551b122a..716a4be01b39ec6e736c24a3ac1b906bb737daeb 100644
--- a/components/home/HomeHeroSky.vue
+++ b/components/home/HomeHeroSky.vue
@@ -19,7 +19,7 @@ export default {}
 
 <style lang="postcss" scoped>
 #clouds {
-  padding-top: 20vh;
+  padding: 20vh 0;
 }
 
 /* Day */
@@ -58,14 +58,14 @@ export default {}
 .x5 {
   animation: animateCloud 50s linear infinite;
   transform: scale(0.55) rotateY(180deg);
-  opacity: 0.3;
+  opacity: 0.4;
 }
 
 .cloud {
   background: #fff;
   border-radius: 100px;
 
-  height: 120px;
+  height: 100px;
   position: relative;
   width: 350px;
 }
diff --git a/components/home/HomeSearch.vue b/components/home/HomeSearch.vue
index 14d93a79bfc049c3169bda166191754d6b05760d..13cec9f13211c239f387a8a88dd256bb733f7135 100644
--- a/components/home/HomeSearch.vue
+++ b/components/home/HomeSearch.vue
@@ -7,9 +7,9 @@
     <svg
       xmlns="http://www.w3.org/2000/svg"
       xmlns:xlink="http://www.w3.org/1999/xlink"
-      width="3000"
+      width="100%"
       height="700"
-      preserveAspectRatio="xMidYMid"
+      preserveAspectRatio="none"
       viewBox="0 0 3000 700"
       class="absolute inset-0 -top-28"
     >