diff --git a/src/views/Create.vue b/src/views/Create.vue
index 20ca96b..e4938af 100644
--- a/src/views/Create.vue
+++ b/src/views/Create.vue
@@ -399,7 +399,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 177e85e..58714c2 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;
 	}