diff --git a/src/views/Create.vue b/src/views/Create.vue
index e445d2f..a3cf37d 100644
--- a/src/views/Create.vue
+++ b/src/views/Create.vue
@@ -402,7 +402,7 @@ export default {
 </script>
 
 <style lang="scss">
-#app-content-vue {
+.app-content {
 	display: flex;
 	align-items: center;
 	flex-direction: column;
diff --git a/src/views/Submit.vue b/src/views/Submit.vue
index 659528b..5c1325c 100644
--- a/src/views/Submit.vue
+++ b/src/views/Submit.vue
@@ -178,14 +178,14 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
-#app-content-vue {
+.app-content {
 	display: flex;
 	align-items: center;
 	flex-direction: column;
 
 	// Force hide navigation toggle as there is no navigation
 	// stylelint-disable-next-line selector-pseudo-element-no-unknown
-	::v-deep #app-navigation-toggle {
+	::v-deep .app-navigation-toggle {
 		display: none !important;
 	}