diff --git a/frontend/spa/package-lock.json b/frontend/spa/package-lock.json
index e668f5d3..5e83128e 100644
--- a/frontend/spa/package-lock.json
+++ b/frontend/spa/package-lock.json
@@ -23,6 +23,7 @@
         "vue-router": "^4.6.3"
       },
       "devDependencies": {
+        "@tailwindcss/typography": "^0.5.19",
         "@testing-library/jest-dom": "^6.9.1",
         "@testing-library/vue": "^8.1.0",
         "@vitejs/plugin-vue": "^6.0.1",
@@ -1588,6 +1589,19 @@
         "node": ">= 20"
       }
     },
+    "node_modules/@tailwindcss/typography": {
+      "version": "0.5.19",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/typography/-/typography-0.5.19.tgz",
+      "integrity": "sha512-w31dd8HOx3k9vPtcQh5QHP9GwKcgbMp87j58qi6xgiBnFFtKEAgCWnDw4qUT8aHwkCp8bKvb/KGKWWHedP0AAg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss-selector-parser": "6.0.10"
+      },
+      "peerDependencies": {
+        "tailwindcss": ">=3.0.0 || insiders || >=4.0.0-alpha.20 || >=4.0.0-beta.1"
+      }
+    },
     "node_modules/@tailwindcss/vite": {
       "version": "4.2.1",
       "resolved": "https://registry.npmjs.org/@tailwindcss/vite/-/vite-4.2.1.tgz",
@@ -2520,6 +2534,19 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/cssesc": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "cssesc": "bin/cssesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/cssstyle": {
       "version": "5.3.7",
       "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-5.3.7.tgz",
@@ -4276,6 +4303,20 @@
         "node": "^10 || ^12 || >=14"
       }
     },
+    "node_modules/postcss-selector-parser": {
+      "version": "6.0.10",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz",
+      "integrity": "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/postcss-value-parser": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
@@ -5051,6 +5092,13 @@
         "browserslist": ">= 4.21.0"
       }
     },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/vite": {
       "version": "7.3.3",
       "resolved": "https://registry.npmjs.org/vite/-/vite-7.3.3.tgz",
diff --git a/frontend/spa/package.json b/frontend/spa/package.json
index 313a7188..da79bacf 100644
--- a/frontend/spa/package.json
+++ b/frontend/spa/package.json
@@ -28,6 +28,7 @@
     "vue-router": "^4.6.3"
   },
   "devDependencies": {
+    "@tailwindcss/typography": "^0.5.19",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/vue": "^8.1.0",
     "@vitejs/plugin-vue": "^6.0.1",
diff --git a/frontend/spa/src/components/CategoriesList/CategoryItem.vue b/frontend/spa/src/components/CategoriesList/CategoryItem.vue
index 8e5be7d4..d324bdcc 100644
--- a/frontend/spa/src/components/CategoriesList/CategoryItem.vue
+++ b/frontend/spa/src/components/CategoriesList/CategoryItem.vue
@@ -2,16 +2,16 @@
   <a
       href="#"
       :key="category.id"
-      class="flex items-center"
+      class="flex items-center gap-3"
       @click.prevent="$emit('onSelect', category)"
   >
-    <div class="avatar">
-      <div class="w-8 h-8 rounded">
-        <img :src="category.image" :alt="category.name" loading="lazy" width="30" height="30" class="bg-base-400"/>
+    <div class="avatar shrink-0">
+      <div class="w-10 h-10 rounded">
+        <img :src="category.image" :alt="category.name" loading="lazy" width="40" height="40" class="bg-base-400"/>
       </div>
     </div>
 
-    <h3 class="ml-4 text-lg line-clamp-2">{{ category.name }}</h3>
+    <h3 class="text-base font-medium leading-snug line-clamp-2">{{ category.name }}</h3>
   </a>
 </template>
 
diff --git a/frontend/spa/src/components/MainPage/Blocks/BaseBlock.vue b/frontend/spa/src/components/MainPage/Blocks/BaseBlock.vue
index 25b81344..9adcf7c5 100644
--- a/frontend/spa/src/components/MainPage/Blocks/BaseBlock.vue
+++ b/frontend/spa/src/components/MainPage/Blocks/BaseBlock.vue
@@ -1,13 +1,13 @@
 <template>
   <section class="px-4">
-    <header class="flex justify-between items-end mb-4">
-      <div>
+    <header class="flex justify-between items-end mb-4 gap-2">
+      <div class="min-w-0">
         <div v-if="title" class="font-bold uppercase">{{ title }}</div>
         <div v-if="description" class="text-sm text-base-content/50">{{ description }}</div>
       </div>
 
-      <div v-if="moreLink">
-        <RouterLink :to="moreLink" class="btn btn-soft btn-xs" @click="haptic.selectionChanged">
+      <div v-if="moreLink" class="shrink-0">
+        <RouterLink :to="moreLink" class="btn btn-soft btn-xs whitespace-nowrap" @click="haptic.selectionChanged">
           {{ moreText || 'Смотреть всё' }}
           <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4">
             <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" />
diff --git a/frontend/spa/src/style.css b/frontend/spa/src/style.css
index 0906489a..94335a69 100644
--- a/frontend/spa/src/style.css
+++ b/frontend/spa/src/style.css
@@ -2,10 +2,19 @@
 
 @custom-variant dark (&:where(.dark, .dark *));
 
+@plugin "@tailwindcss/typography";
+
 @plugin "daisyui" {
     themes: all;
 }
 
+.prose :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+    display: block;
+    width: 100%;
+    max-width: 100%;
+    overflow-x: auto;
+}
+
 /**
     --color-base-100 - DaisyUI background
  */
diff --git a/frontend/spa/src/views/CategoriesList.vue b/frontend/spa/src/views/CategoriesList.vue
index 8932bf3c..8e884344 100644
--- a/frontend/spa/src/views/CategoriesList.vue
+++ b/frontend/spa/src/views/CategoriesList.vue
@@ -9,31 +9,22 @@
     </div>
 
     <template v-else>
-      <button v-if="parentId && parentCategory" class="py-1 px-4 flex items-center mb-3 cursor-pointer" @click="goBack">
-        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 min-w-6">
-          <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" />
-        </svg>
-
-        <span class="ml-2 line-clamp-2">Назад к "{{ parentCategory.name }}"</span>
-      </button>
-
       <button
           v-if="parentCategory && parentCategory.children?.length && settings.show_category_products_button"
-          class="py-2 px-4 flex items-center mb-3 cursor-pointer border-b w-full pb-2 border-base-200"
+          class="btn btn-soft btn-block btn-sm mb-3 justify-start"
           @click.prevent="showProductsInParentCategory"
       >
-        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
+        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-5 shrink-0">
           <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6A2.25 2.25 0 0 1 6 3.75h2.25A2.25 2.25 0 0 1 10.5 6v2.25a2.25 2.25 0 0 1-2.25 2.25H6a2.25 2.25 0 0 1-2.25-2.25V6ZM3.75 15.75A2.25 2.25 0 0 1 6 13.5h2.25a2.25 2.25 0 0 1 2.25 2.25V18a2.25 2.25 0 0 1-2.25 2.25H6A2.25 2.25 0 0 1 3.75 18v-2.25ZM13.5 6a2.25 2.25 0 0 1 2.25-2.25H18A2.25 2.25 0 0 1 20.25 6v2.25A2.25 2.25 0 0 1 18 10.5h-2.25a2.25 2.25 0 0 1-2.25-2.25V6ZM13.5 15.75a2.25 2.25 0 0 1 2.25-2.25H18a2.25 2.25 0 0 1 2.25 2.25V18A2.25 2.25 0 0 1 18 20.25h-2.25A2.25 2.25 0 0 1 13.5 18v-2.25Z" />
         </svg>
-
-        <span class="ml-2">Показать товары из "{{ parentCategory.name }}"</span>
+        <span>Показать все товары категории</span>
       </button>
 
       <TransitionGroup
           name="stagger"
           tag="ul"
           appear
-          class="space-y-4"
+          class="space-y-3"
       >
         <li
             v-for="(category, i) in categories"
@@ -99,10 +90,6 @@ function onSelect(category) {
   }
 }
 
-function goBack() {
-  router.back();
-}
-
 function showProductsInParentCategory() {
   if (parentId.value != null) {
     router.push({name: "product.categories.show", params: {category_id: parentId.value}});
diff --git a/frontend/spa/src/views/Product.vue b/frontend/spa/src/views/Product.vue
index cc246e34..73c15511 100644
--- a/frontend/spa/src/views/Product.vue
+++ b/frontend/spa/src/views/Product.vue
@@ -87,7 +87,11 @@
               </svg>
               Описание
             </h3>
-            <div class="prose prose-sm max-w-none text-base-content/80" v-html="product.description"></div>
+            <div
+                class="prose prose-sm max-w-none text-base-content/80"
+                v-html="product.description"
+                @click="handleDescriptionClick"
+            ></div>
           </div>
 
           <!-- Attributes -->
@@ -306,6 +310,29 @@ async function onCartBtnClick() {
   }
 }
 
+function handleDescriptionClick(event) {
+  const link = event.target.closest('a');
+  if (!link) return;
+
+  const href = link.getAttribute('href');
+  if (!href || href.startsWith('#') || href.startsWith('javascript:')) return;
+
+  event.preventDefault();
+
+  const telegramWebApp = window.Telegram?.WebApp;
+  if (!telegramWebApp) {
+    window.open(href, '_blank', 'noopener,noreferrer');
+    return;
+  }
+
+  if (/^https?:\/\/(t|telegram)\.me\//i.test(href) || href.startsWith('tg://')) {
+    telegramWebApp.openTelegramLink(href);
+    return;
+  }
+
+  telegramWebApp.openLink(href, {try_instant_view: false});
+}
+
 function openProductInMarketplace() {
   if (!product.value.share) {
     return;