diff --git a/src/components/ObservationList.vue b/src/components/ObservationList.vue
index e5fb491a44e18c3fc873fa8f3a672fb2ce3e0a8c..1b96f8d3370853bdbc483c38f3b13243e6523fec 100644
--- a/src/components/ObservationList.vue
+++ b/src/components/ObservationList.vue
@@ -28,7 +28,7 @@
 				<button type="button" class="btn btn-primary">+</button>
 			</router-link>
 		</div>
-		<div v-if="observationsExist()" class="bg-light">
+		<div v-if="observationsExist()" class="bg-light mt-2">
 			<ul class="list-group bg-light" v-if="isInitialized">
 				<!-- TODO: Remove the sync status classes (v-bind:class). Do it after sync has been automatized -->
 				<router-link :to="{name: 'Observation', params: {observationId:obs.observationId}}"
@@ -62,7 +62,7 @@
 
 			</ul>
 		</div>
-		<div v-else class="alert alert-info" role="alert">{{ $t("observationlist.alert.emptylist")}}</div>
+		<div v-else class="alert alert-info mt-2" role="alert">{{ $t("observationlist.alert.emptylist")}}</div>
 		<common-util ref="CommonUtil" />
 		<sync ref="Sync" />
 	</div>