diff --git a/summer2024-frontend/src/assets/main.css b/summer2024-frontend/src/assets/main.css
index aa188c2..066995b 100644
--- a/summer2024-frontend/src/assets/main.css
+++ b/summer2024-frontend/src/assets/main.css
@@ -2,9 +2,20 @@
 @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
 
 body {
-  font-family: 'Raleway', sans-serif;
+    font-family: 'Raleway', sans-serif;
 }
 
 #kektus {
-  font-family: 'Montserrat', sans-serif;
+    font-family: 'Montserrat', sans-serif;
 }
+
+.ol-zoom {
+    top: 120px !important;
+    left: .5em;
+}
+
+@media screen and (min-width: 500px) {
+    .ol-zoom {
+        top: 70px !important;
+    }
+}
\ No newline at end of file
diff --git a/summer2024-frontend/src/views/MapView.vue b/summer2024-frontend/src/views/MapView.vue
index 42478b8..68f94a8 100644
--- a/summer2024-frontend/src/views/MapView.vue
+++ b/summer2024-frontend/src/views/MapView.vue
@@ -37,7 +37,6 @@ onMounted(() => {
         <ol-source-osm />
       </ol-tile-layer>
       <ol-scaleline-control />
-      <ol-zoom-control zoomInLabel="+" zoomOutLabel="-" />
 
       <ol-overlay
         v-for="post in postStore.posts" :key="post.id"
@@ -82,7 +81,4 @@ onMounted(() => {
 </template>
 
 <style scoped>
-.ol-zoom {
-  top: 70px !important;
-}
 </style>
\ No newline at end of file