diff --git a/src/App.vue b/src/App.vue
index a9622a2..669ecef 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -51,7 +51,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <body class="flex flex-col">
+  <body class="flex flex-col" :class="window.Telegram.WebApp ? 'tg' : ''">
   <SpaceList v-if="isSpaceSelected" @space-selected="spaceSelected()"
   />
   <div v-else class="flex flex-col w-full gap-4">
@@ -86,5 +86,8 @@ onMounted(() => {
 </template>
 
 <style scoped>
-
+// TG padding area
+.tg {
+  padding: var(--tg-content-safe-area-inset-top) var(--tg-content-safe-area-inset-bottom) var(--tg-content-safe-area-inset-left) var(--tg-content-safe-area-inset-right) !important;
+}
 </style>
