diff --git a/themes/modern2/template/css/components/2-layout/newsCard.scss b/themes/modern2/template/css/components/2-layout/newsCard.scss
index 20f1838a7..00584a703 100644
--- a/themes/modern2/template/css/components/2-layout/newsCard.scss
+++ b/themes/modern2/template/css/components/2-layout/newsCard.scss
@@ -35,7 +35,7 @@
         &-date {
             display: flex;
             align-items: center;
-            font-size: $h5-size;
+            font-size: 12px;
             line-height: $h5-height;
             color: $text-color-grey;
             font-weight: 400;
@@ -48,12 +48,18 @@
     }
     &__link {
         color: $text-black;
-        font-weight: 700;
-        font-size: $h4-size;
-        line-height: $h4-height;
+        font-weight: 500;
+        font-size: 15px;
+        line-height: 20px;
         margin: 10px 0 0 0;
         display: block;
-        height: 75px;
+        height: 60px;
+        //overflow: hidden;
+        //text-overflow: ellipsis;
+        text-overflow: ellipsis;
+        display: -webkit-box;
+        -webkit-line-clamp: 3;
+        -webkit-box-orient: vertical;
         overflow: hidden;
         text-overflow: ellipsis;
     }
diff --git a/themes/modern2/template/css/components/2-layout/responsive.scss b/themes/modern2/template/css/components/2-layout/responsive.scss
index e7c1da854..3c342b5a2 100644
--- a/themes/modern2/template/css/components/2-layout/responsive.scss
+++ b/themes/modern2/template/css/components/2-layout/responsive.scss
@@ -64,7 +64,7 @@
         }
     }
     .event {
-        margin: 40px 0;
+        margin: 40px 0 70px;
         &__header {
             margin-bottom: 40px;
         }
diff --git a/themes/modern2/template/css/components/3-page/home.scss b/themes/modern2/template/css/components/3-page/home.scss
index 5980e3162..b1f3de9ea 100644
--- a/themes/modern2/template/css/components/3-page/home.scss
+++ b/themes/modern2/template/css/components/3-page/home.scss
@@ -272,7 +272,7 @@
 }
 // event start
 .event {
-    margin: 50px 0;
+    margin: 50px 0 80px;
     &__header {
         margin-bottom: 40px;
         display: flex;
diff --git a/themes/modern2/template/css/main.css b/themes/modern2/template/css/main.css
index 86d09e6b2..6b2482068 100644
--- a/themes/modern2/template/css/main.css
+++ b/themes/modern2/template/css/main.css
@@ -624,7 +624,7 @@ li {
 .card__header-date {
   display: flex;
   align-items: center;
-  font-size: 14px;
+  font-size: 12px;
   line-height: 20px;
   color: #a2a2a2;
   font-weight: 400;
@@ -636,12 +636,16 @@ li {
 }
 .card__link {
   color: #000;
-  font-weight: 700;
-  font-size: 16px;
+  font-weight: 500;
+  font-size: 15px;
   line-height: 20px;
   margin: 10px 0 0 0;
   display: block;
-  height: 75px;
+  height: 60px;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
 }
@@ -1478,7 +1482,7 @@ li {
 }
 
 .event {
-  margin: 50px 0;
+  margin: 50px 0 80px;
 }
 .event__header {
   margin-bottom: 40px;
@@ -2101,7 +2105,7 @@ li {
   }
 
   .event {
-    margin: 40px 0;
+    margin: 40px 0 70px;
   }
   .event__header {
     margin-bottom: 40px;