diff --git a/assets/style.css b/assets/style.css
index 9fb23b7..7e22470 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -388,4 +388,19 @@ body:has(.ye-span:hover) {
 
 .hidden {
     display: none !important;
+}
+
+div#articleslist{
+    width: 80vw;
+    left: 10vw;
+    position: relative;
+}
+
+div#articleslist > article > div#articleinfo{
+    display: flex;
+    flex-direction: row;
+}
+
+div#articleslist>article{
+    border: 4px solid var(--primary);
 }
\ No newline at end of file
diff --git a/templates/newsArticle.html b/templates/newsArticle.html
index d6cd319..4aae648 100644
--- a/templates/newsArticle.html
+++ b/templates/newsArticle.html
@@ -1,7 +1,9 @@
 <article>
     <h2 class='newstitle'>__TEMPLATE_ARTICLE_TITLE__</h2>
-    <p class='newsauthor'><i class="ri-user-line"></i>__TEMPLATE_ARTICLE_AUTHOR__</p>
-    <p class='newsdate'><i class="ri-calendar-line"></i>__TEMPLATE_ARTICLE_DATE__</p>
+    <div class="articleinfo">
+        <p class='newsauthor'><i class="ri-user-line"></i>__TEMPLATE_ARTICLE_AUTHOR__</p>
+        <p class='newsdate'><i class="ri-calendar-line"></i>__TEMPLATE_ARTICLE_DATE__</p>
+    </div>
     <hr>
     <div class='newsbody'>
         __TEMPLATE_ARTICLE_BODY__