diff --git a/src/components/newsEntry.js b/src/components/newsEntry.js
index 5d59522..0d8c1cc 100644
--- a/src/components/newsEntry.js
+++ b/src/components/newsEntry.js
@@ -27,8 +27,10 @@ export default function NewsEntry({
       >
         <div className={styles.newsHeader}>
           <div className={styles.newsTitle}>{title}</div>
-          <div>User #{user}</div>
-          <div className={styles.newsDate}> @ {date}</div>
+          <div className={styles.userinfo}>
+            <div>User #{user}</div>
+            <div className={styles.newsDate}> @ {date}</div>
+          </div>
         </div>
         {admin ? (
           <div
diff --git a/src/components/newsEntry.module.css b/src/components/newsEntry.module.css
index c1c9b6d..cbeff67 100644
--- a/src/components/newsEntry.module.css
+++ b/src/components/newsEntry.module.css
@@ -60,6 +60,12 @@
   }
 }
 
+@media screen and (max-width: 700px) {
+  .userinfo {
+    flex-flow: column;
+  }
+}
+
 .userinfo {
   display: flex;
   align-items: center;