diff --git a/src/views/public/public-view.vue b/src/views/public/public-view.vue
index c0b24354f6..ab4236b6e0 100644
--- a/src/views/public/public-view.vue
+++ b/src/views/public/public-view.vue
@@ -69,6 +69,8 @@ export default createComponent({
 </script>
 
 <style lang="scss" scoped>
+@import '@/styles/mixins';
+
 .public-view {
 	width: 100%;
 	height: 100%;
@@ -87,7 +89,7 @@ export default createComponent({
 		justify-content: space-between;
 		padding: 20px;
 
-		@media (min-width: 660px) {
+		@include breakpoint(small) {
 			padding: 40px 80px;
 		}
 	}
@@ -96,6 +98,10 @@ export default createComponent({
 		display: none;
 		height: 100%;
 		flex-grow: 1;
+
+		@include breakpoint(small) {
+			display: block;
+		}
 	}
 }
 </style>