diff --git a/src/components/Istochnik.vue b/src/components/Istochnik.vue
index 3d94e90..b6ac6dc 100644
--- a/src/components/Istochnik.vue
+++ b/src/components/Istochnik.vue
@@ -71,14 +71,10 @@
         </button>
       </div>
     </div>
-    
+
     <!-- Список источников -->
-    <div class="p-4 xl:flex gap-2 justify-between">
-      <div 
-        v-for="source in filteredSources" 
-        :key="source.url"
-        class="mb-4"
-      >
+    <div class="p-4 grid gap-2 grid-cols-1 lg:grid-cols-2 2xl:grid-cols-3">
+      <div v-for="source in filteredSources" :key="source.url" class="mb-4">
         <Istochnik_one_kard :source="source" />
       </div>
     </div>
@@ -110,9 +106,7 @@ const fetchCategories = async () => {
 
 const fetchSources = async () => {
   try {
-    const data = await axios.get(
-      "https://allowlgroup.ru/api/8001/all_sources",
-    );
+    const data = await axios.get("https://allowlgroup.ru/api/8001/all_sources");
     sources.value = data.data.sources || [];
   } catch (err) {
     console.error("Ошибка загрузки источников:", err);
@@ -121,9 +115,10 @@ const fetchSources = async () => {
 
 const filteredSources = computed(() => {
   if (!poisk.value) return sources.value;
-  return sources.value.filter(source => 
-    source.url.toLowerCase().includes(poisk.value.toLowerCase()) ||
-    source.promt.toLowerCase().includes(poisk.value.toLowerCase())
+  return sources.value.filter(
+    (source) =>
+      source.url.toLowerCase().includes(poisk.value.toLowerCase()) ||
+      source.promt.toLowerCase().includes(poisk.value.toLowerCase()),
   );
 });
 
@@ -164,4 +159,4 @@ onMounted(() => {
   fetchCategories();
   fetchSources();
 });
-</script>
\ No newline at end of file
+</script>
diff --git a/src/components/One_kard.vue b/src/components/One_kard.vue
index 6d9ce05..16df4a7 100644
--- a/src/components/One_kard.vue
+++ b/src/components/One_kard.vue
@@ -183,6 +183,9 @@ onBeforeUnmount(() => {
       <div class="m-3 dark:bg-gray-900 shadow rounded-xl p-3">
         <p>{{ title }}</p>
       </div>
+      <div class="m-3 bg-gray-300 dark:bg-gray-950 shadow rounded-xl p-3 max-w-170">
+          <p>Категория: {{ category }}</p>
+        </div>
 
       <div v-show="isOpen" class="transition-all">
         <div class="m-3 dark:bg-gray-900 shadow rounded-xl p-3">
@@ -191,9 +194,7 @@ onBeforeUnmount(() => {
         <div class="m-3 dark:bg-gray-900 shadow rounded-xl p-3">
           <p>{{ translation_text }}</p>
         </div>
-        <div class="m-3 dark:bg-gray-900 shadow rounded-xl p-3">
-          <p>{{ category }}</p>
-        </div>
+        
         <div class="m-3 dark:bg-gray-900 shadow rounded-xl p-3">
           <p>{{ original_text }}</p>
         </div>