diff --git a/src/components/Main.vue b/src/components/Main.vue
index 93f113f..f68f789 100644
--- a/src/components/Main.vue
+++ b/src/components/Main.vue
@@ -9,9 +9,13 @@
 					href="/Top" />
 			</Breadcrumbs>
 			<Table
+				v-if="!loading"
 				:station-data="tableData"
 				@doPlay="doPlay"
 				@doFavor="doFavor" />
+			<EmptyContent
+				v-if="loading"
+				icon="icon-loading" />
 		</AppContent>
 	</Content>
 </template>
@@ -21,6 +25,7 @@ import Content from '@nextcloud/vue/dist/Components/Content'
 import AppContent from '@nextcloud/vue/dist/Components/AppContent'
 import Breadcrumbs from '@nextcloud/vue/dist/Components/Breadcrumbs'
 import Breadcrumb from '@nextcloud/vue/dist/Components/Breadcrumb'
+import EmptyContent from '@nextcloud/vue/dist/Components/EmptyContent'
 import Navigation from './Navigation'
 import Table from './Table'
 import { Howl } from 'howler'
@@ -40,10 +45,12 @@ export default {
 		Breadcrumbs,
 		Breadcrumb,
 		Table,
+		EmptyContent,
 	},
 	data: () => ({
 		tableData: [],
 		offset: 0,
+		loading: false,
 	}),
 	watch: {
 		$route: 'onRoute',
@@ -117,6 +124,7 @@ export default {
 		loadStations() {
 			// FIXME https://de1.api.radio-browser.info/json/stations/lastchange?limit=10
 			const vm = this
+			vm.loading = true
 			this.$jquery.getJSON('https://de1.api.radio-browser.info/json/stations',
 				{
 					limit: 20,
@@ -126,6 +134,8 @@ export default {
 					'User-Agent': 'Nextcloud Radio/1.0.0', // FIXME global version, doesnt seem to work
 				})
 				.done(function(data) {
+					vm.loading = false
+					console.log(vm.loading)
 					vm.tableData = vm.tableData.concat(data)
 					vm.offset += 20
 				})