diff --git a/src/components/EventPreview/index.module.scss b/src/components/EventPreview/index.module.scss
index 139aa73..454236a 100644
--- a/src/components/EventPreview/index.module.scss
+++ b/src/components/EventPreview/index.module.scss
@@ -8,11 +8,9 @@
 .item {
     border: 1px solid black;
     border-radius: 15px;
-    width: 70vw;
-    max-width: 500px;
-    height: 10vh;
     margin: 3px auto;
     padding: 10px 25px;
+    height: 120px;
 }
 
 .location {
diff --git a/src/components/Map/MapControls.scss b/src/components/Map/MapControls.scss
index aeaff6c..085a906 100644
--- a/src/components/Map/MapControls.scss
+++ b/src/components/Map/MapControls.scss
@@ -3,6 +3,7 @@
 .ol-zoom-in,
 .ol-zoom-out {
     padding: 3px;
+    padding-top: 0;
     margin: 2px;
     background: $bggray;
     border: none;
@@ -10,6 +11,11 @@
     font-size: 1.2rem;
     width: 2rem;
     height: 2rem;
+    transition: background-color 0.3s ease;
+    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
+    &:hover {
+        background-color: $bghover;
+    }
 }
 
 .ol-rotate {
diff --git a/src/index.scss b/src/index.scss
index f61520b..1f265c1 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -1,10 +1,17 @@
+@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap");
+
 $accent: #53d188;
 $bggray: #e8e8e8;
+$bghover: darken($bggray, 10);
 $bg: #ffffff;
-
-@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap");
+$defaultWidth: 70vw;
+$maxWidth: 700px;
 
 * {
     margin: 0;
     padding: 0;
 }
+
+body {
+    font-family: "Poppins", sans-serif;
+}
diff --git a/src/pages/CreateEvent/index.module.scss b/src/pages/CreateEvent/index.module.scss
index 6028571..278c742 100644
--- a/src/pages/CreateEvent/index.module.scss
+++ b/src/pages/CreateEvent/index.module.scss
@@ -6,7 +6,8 @@
 }
 
 .formContainer {
-    max-width: 70%;
+    width: $defaultWidth;
+    max-width: $maxWidth;
     margin: auto;
 }
 
diff --git a/src/pages/Home/index.module.scss b/src/pages/Home/index.module.scss
index 3a1f41e..7f463d1 100644
--- a/src/pages/Home/index.module.scss
+++ b/src/pages/Home/index.module.scss
@@ -1,6 +1,8 @@
+@import "../../index.scss";
+
 .con {
-    width: 70vw;
-    max-width: 500px;
+    width: $defaultWidth;
+    max-width: $maxWidth;
     margin: 0 auto;
     font-family: "Poppins", sans-serif;
 }