diff --git a/site/styles/events.css b/site/styles/events.css
index 8c681a6..aa66a3a 100644
--- a/site/styles/events.css
+++ b/site/styles/events.css
@@ -1,20 +1,18 @@
 .event {
   display: flex;
   flex-direction: row;
-}
 
-.event:hover {
-  border-bottom: 5px var(--hightlight) solid;
-}
-
-.event:hover > div {
-  padding-bottom: calc(0.5rem - 5px);
-}
-
-.event > div {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-  white-space: nowrap;
+  &:hover {
+    border-bottom: 5px var(--hightlight) solid;
+    & > div {
+      padding-bottom: calc(0.5rem - 5px);
+    }
+  }
+  & > div {
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+    white-space: nowrap;
+  }
 }
 
 .date {
@@ -46,19 +44,17 @@
     flex-direction: column;
     margin-bottom: 1rem;
     border-left: 3px solid var(--border);
-  }
-
-  .event > div {
-    padding: 0 0.5rem;
-    white-space: normal;
-  }
-
-  .event:hover {
-    border-bottom: none;
-  }
-
-  .event:hover > div {
-    padding-bottom: 0;
+    &:hover {
+      border-bottom: none;
+      border-left: 3px solid var(--hightlight);
+      & > div {
+        padding-bottom: 0;
+      }
+    }
+    & > div {
+      padding: 0 0.5rem;
+      white-space: normal;
+    }
   }
 
   .date {
diff --git a/template/events-en.html b/template/events-en.html
index 0c659fd..5e2bce4 100644
--- a/template/events-en.html
+++ b/template/events-en.html
@@ -1,8 +1,19 @@
 <h1>Events</h1>
-<p>
-  Following list contains all forthcoming events. Held events are listed in
-  <a href="/en/events_archive">archive</a>.
-</p>
-<br />
-<p>We also provide <a href="https://dmz.rs/events.ical">ical file</a></p>
-<br />
+
+<div class="description">
+  <p>
+    Following list contains all forthcoming events. Held events are listed in
+    <a href="/en/events_archive">archive</a>.
+  </p>
+  <p>
+    Events are also available as an
+    <a href="https://dmz.rs/events.ical">ical</a> file.
+  </p>
+  <p>We also provide <a href="https://dmz.rs/events.ical">ical</a> file</p>
+  <p>
+    <a href="https://wiki.dmz.rs/en/kako-pronaci-prostor" target="_blank">
+      Short description
+    </a>
+    how to find a space
+  </p>
+</div>
diff --git a/template/events-sr.html b/template/events-sr.html
index 1cd95e2..f5633d1 100644
--- a/template/events-sr.html
+++ b/template/events-sr.html
@@ -1,19 +1,18 @@
 <h1>Događaji</h1>
-<p>
-  Naredna lista sadrži sve predstojeće događaje. Za listu održanih događaja
-  pogledaj <a href="/events_archive">arhivu</a>.
-</p>
-<br />
-<p>
-  Događaje možeš učitati i sa
-  <a href="https://dmz.rs/events.ical">ical</a> datotekom.
-</p>
-<br />
-<p>
-  <a href="https://wiki.dmz.rs/en/kako-pronaci-prostor" target="_blank">
-    Kratako uputstvo
-  </a>
-  kako pronaci prostor
-</p>
-<br />
-<br />
+
+<div class="description">
+  <p>
+    Naredna lista sadrži sve predstojeće događaje. Za listu održanih događaja
+    pogledaj <a href="/events_archive">arhivu</a>.
+  </p>
+  <p>
+    Događaje možeš učitati i sa
+    <a href="https://dmz.rs/events.ical">ical</a> datotekom.
+  </p>
+  <p>
+    <a href="https://wiki.dmz.rs/en/kako-pronaci-prostor" target="_blank">
+      Kratako uputstvo
+    </a>
+    kako pronaci prostor
+  </p>
+</div>