diff --git a/apps/atrium-telegram/app/app.config.ts b/apps/atrium-telegram/app/app.config.ts
index 4f690256..f0c71d8b 100644
--- a/apps/atrium-telegram/app/app.config.ts
+++ b/apps/atrium-telegram/app/app.config.ts
@@ -2,22 +2,22 @@ export default defineAppConfig({
   ui: {
     input: {
       slots: {
-        base: '!ring-muted placeholder:text-muted/25',
+        base: '!ring-muted placeholder:text-muted/50',
       },
     },
     inputMenu: {
       slots: {
-        base: '!ring-muted placeholder:text-muted/25',
+        base: '!ring-muted placeholder:text-muted/50',
       },
     },
     selectMenu: {
       slots: {
-        base: '!ring-muted placeholder:text-muted/25',
+        base: '!ring-muted placeholder:text-muted/50',
       },
     },
     textarea: {
       slots: {
-        base: '!ring-muted placeholder:text-muted/25',
+        base: '!ring-muted placeholder:text-muted/50',
       },
     },
     button: {
diff --git a/apps/atrium-telegram/app/app.vue b/apps/atrium-telegram/app/app.vue
index 064c770c..1a2a268c 100644
--- a/apps/atrium-telegram/app/app.vue
+++ b/apps/atrium-telegram/app/app.vue
@@ -6,7 +6,6 @@
       position: 'top-center',
       class: 'mt-20',
     }"
-    class="min-h-svh"
   >
     <NuxtLoadingIndicator :color="false" class="bg-primary h-[2px]" />
     <NuxtLayout>
diff --git a/apps/atrium-telegram/app/assets/css/styles.css b/apps/atrium-telegram/app/assets/css/styles.css
index 910c204e..61fa28a4 100644
--- a/apps/atrium-telegram/app/assets/css/styles.css
+++ b/apps/atrium-telegram/app/assets/css/styles.css
@@ -106,7 +106,7 @@
 }
 
 html, body {
-  background: transparent !important;
+  background: var(--tg-theme-secondary-bg-color, transparent) !important;
 }
 
 ::-webkit-scrollbar {
diff --git a/apps/atrium-telegram/app/components/form/CreateEpicComment.vue b/apps/atrium-telegram/app/components/form/CreateEpicComment.vue
index a8ade3f5..b0282eac 100644
--- a/apps/atrium-telegram/app/components/form/CreateEpicComment.vue
+++ b/apps/atrium-telegram/app/components/form/CreateEpicComment.vue
@@ -5,10 +5,11 @@
     class="flex flex-col gap-3"
     @submit="onSubmit"
   >
-    <UFormField label="Комментарий" name="text">
+    <UFormField label="Ваш комментарий" name="text">
       <UTextarea
         v-model="state.text"
         placeholder="Напишите свою мысль..."
+        :rows="5"
         autoresize
         size="xl"
         class="w-full"
diff --git a/apps/atrium-telegram/app/layouts/default.vue b/apps/atrium-telegram/app/layouts/default.vue
index 511e37ec..53eb5d36 100644
--- a/apps/atrium-telegram/app/layouts/default.vue
+++ b/apps/atrium-telegram/app/layouts/default.vue
@@ -1,5 +1,5 @@
 <template>
-  <main class="tg-bg-secondary tg-text tg-safe-area">
+  <main class="tg-text tg-safe-area">
     <slot />
   </main>
 
diff --git a/apps/atrium-telegram/app/pages/epic/[epicId]/index.vue b/apps/atrium-telegram/app/pages/epic/[epicId]/index.vue
index b28c9fa5..2556dcd4 100644
--- a/apps/atrium-telegram/app/pages/epic/[epicId]/index.vue
+++ b/apps/atrium-telegram/app/pages/epic/[epicId]/index.vue
@@ -38,17 +38,28 @@
       />
     </div>
 
-    <CreateCard
-      v-if="epic?.id"
-      :label="$t('app.create.epic-comment.button')"
-      icon="i-lucide-message-circle"
-      @click="modalCreateEpicComment.open({ epicId: epic.id })"
-    />
+    <UDrawer should-scale-background :set-background-color-on-scale="false">
+      <CreateCard
+        v-if="epic?.id"
+        :label="$t('app.create.epic-comment.button')"
+        icon="i-lucide-message-circle"
+      />
+
+      <template #content>
+        <div class="p-4">
+          <FormCreateEpicComment
+            :epic-id="epic?.id ?? ''"
+            @submitted="overlay.closeAll"
+            @success="overlay.closeAll"
+          />
+        </div>
+      </template>
+    </UDrawer>
   </PageContainer>
 </template>
 
 <script setup lang="ts">
-import { ModalCreateEpicComment, ModalUpdateEpic } from '#components'
+import { ModalUpdateEpic } from '#components'
 
 const { params } = useRoute('epic-epicId')
 
@@ -58,7 +69,6 @@ const epic = computed(() => epicStore.epics.find((e) => e.id === params.epicId))
 
 const overlay = useOverlay()
 const modalUpdateEpic = overlay.create(ModalUpdateEpic)
-const modalCreateEpicComment = overlay.create(ModalCreateEpicComment)
 
 function handleEditEpic() {
   if (!epic.value?.id) {
diff --git a/apps/atrium-telegram/nuxt.config.ts b/apps/atrium-telegram/nuxt.config.ts
index 67629995..0a34f100 100644
--- a/apps/atrium-telegram/nuxt.config.ts
+++ b/apps/atrium-telegram/nuxt.config.ts
@@ -28,6 +28,11 @@ export default defineNuxtConfig({
       coreApiUrl: '',
     },
   },
+  app: {
+    rootAttrs: {
+      'data-vaul-drawer-wrapper': '',
+    },
+  },
   ui: {
     colorMode: true,
     fonts: false,