diff --git a/src/views/timetable/init/TimetableInitView.vue b/src/views/timetable/init/TimetableInitView.vue
index fcb2d66..3f18348 100644
--- a/src/views/timetable/init/TimetableInitView.vue
+++ b/src/views/timetable/init/TimetableInitView.vue
@@ -1,76 +1,93 @@
-<script setup lang="ts">
-import Logo from '/icon.svg';
-import { ref } from 'vue';
-import AsyncGroupsList from './AsyncGroupsList.vue';
-import IrdomLayout from '@/components/IrdomLayout.vue';
-import { useProfileStore } from '@/store/profile';
-import { useToolbar } from '@/store/toolbar';
-import FullscreenLoader from '@/components/FullscreenLoader.vue';
-import { apiClient } from '@/api/';
-
-const query = ref('');
-const profileStore = useProfileStore();
-const toolbar = useToolbar();
-
-toolbar.setup({});
-
-const sendMarketing = (e: Event) => {
-	const input = e.target as HTMLInputElement;
-
-	if (profileStore.marketingId) {
-		apiClient.POST('/marketing/v1/action', {
-			body: {
-				action: 'timetable search group',
-				user_id: profileStore.marketingId,
-				additional_data: JSON.stringify({ query: input.value }),
-			},
-		});
-	}
-};
-</script>
-
-<template>
-	<IrdomLayout>
-		<img :src="Logo" alt="Логотип физфака" class="align-self-center logo mb-20" />
-
-		<h4 class="text-h4 align-self-center greeting">Добро пожаловать!</h4>
-		<p class="message">Наше приложение позволит получить доступ к сервисам для студентов ФФ МГУ!</p>
-		<p class="message">Для просмотра расписания выберите свою группу:</p>
-
-		<v-responsive class="align-self-center" width="344">
-			<v-text-field
-				v-model="query"
-				type="text"
-				label="Номер группы"
-				placeholder="Введите номер группы"
-				inputmode="numeric"
-				class="align-self-center input"
-				max-width="344"
-				@change.once="sendMarketing"
-			/>
-		</v-responsive>
-
-		<Suspense>
-			<AsyncGroupsList :query="query" />
-
-			<template #fallback> <FullscreenLoader /> </template>
-		</Suspense>
-	</IrdomLayout>
-</template>
-<style scoped>
-.greeting,
-.input {
-	margin-bottom: 24px;
-}
-
-.logo {
-	width: min(50%, 144px);
-	aspect-ratio: 1;
-	pointer-events: none;
-	margin-bottom: 20px;
-}
-
-.message {
-	margin-bottom: 20px;
-}
-</style>
+<script setup lang="ts">
+import Logo from '/icon.svg';
+import { ref } from 'vue';
+import AsyncGroupsList from './AsyncGroupsList.vue';
+import IrdomLayout from '@/components/IrdomLayout.vue';
+import { useProfileStore } from '@/store/profile';
+import { useToolbar } from '@/store/toolbar';
+import FullscreenLoader from '@/components/FullscreenLoader.vue';
+import { apiClient } from '@/api/';
+
+const query = ref('');
+const profileStore = useProfileStore();
+const toolbar = useToolbar();
+
+toolbar.setup({});
+
+const sendMarketing = (e: Event) => {
+	const input = e.target as HTMLInputElement;
+
+	if (profileStore.marketingId) {
+		apiClient.POST('/marketing/v1/action', {
+			body: {
+				action: 'timetable search group',
+				user_id: profileStore.marketingId,
+				additional_data: JSON.stringify({ query: input.value }),
+			},
+		});
+	}
+};
+</script>
+
+<template>
+	<IrdomLayout>
+		<img :src="Logo" alt="Логотип физфака" class="align-self-center logo mb-20" />
+
+		<h4 class="text-h4 align-self-center greeting">Добро пожаловать!</h4>
+		<p class="message">Наше приложение позволит получить доступ к сервисам для студентов ФФ МГУ!</p>
+		<p class="message">Для просмотра расписания выберите свою группу:</p>
+
+		<div class="search-container">
+			<v-responsive class="align-self-center" width="344">
+				<v-text-field
+					v-model="query"
+					type="text"
+					label="Номер группы"
+					placeholder="Введите номер группы"
+					inputmode="numeric"
+					class="align-self-center input"
+					max-width="344"
+					@change.once="sendMarketing"
+				/>
+			</v-responsive>
+
+			<Suspense>
+				<div class="results-container">
+					<AsyncGroupsList :query="query" />
+				</div>
+
+				<template #fallback> <FullscreenLoader /> </template>
+			</Suspense>
+		</div>
+	</IrdomLayout>
+</template>
+<style scoped>
+.greeting,
+.input {
+	margin-bottom: 24px;
+}
+
+.logo {
+	width: min(50%, 144px);
+	aspect-ratio: 1;
+	pointer-events: none;
+	margin-bottom: 20px;
+}
+
+.message {
+	margin-bottom: 20px;
+}
+
+.search-container {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	width: 100%;
+}
+
+.results-container {
+	width: 100%;
+	max-width: 800px;
+	margin-top: 20px;
+}
+</style>