diff --git a/assets/style.css b/assets/style.css
index 26ea89a..226fe0e 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -80,3 +80,24 @@ p {
 .language {
 	height: 100%;
 }
+
+.info-line {
+	display: flex;
+	font-size: 1.75rem;
+	color: #9a8fa7;
+	gap: 0.5em;
+	align-items: center;
+	width: 100%;
+}
+
+.info-line .author {
+	color: #ffffff;
+	font-weight: 700;
+}
+
+.info-line .avatar {
+	width: 48px;
+	height: 48px;
+	margin: 0;
+	border-radius: 100%;
+}
diff --git a/views/issue.eta b/views/issue.eta
index f88d7c1..de03504 100644
--- a/views/issue.eta
+++ b/views/issue.eta
@@ -11,7 +11,7 @@
 		body = body.slice(0, bodyCharLimit) + '...'
 	}
 %>
-<div class="main">
+<div class="main issue">
 	<div class="contents">
 		<div class="info">
 			<p style="font-size: 36px; color: #9A8FA7;">@<%= it.issue.repository?.full_name || it.issue.base.repo.full_name %></p>
@@ -32,4 +32,7 @@
 			<img width="120" height="120" src="<%= it.issue.user.avatar_url %>"></img>
 		</div>
 	</div>
+	<div class="info-line">
+		<img class="avatar" width="48" height="48" src="<%= it.issue.user.avatar_url %>"></img><p class="author"><%= it.issue.user.full_name %></p><p>opened on <%= new Intl.DateTimeFormat('en-US', { dateStyle: 'long' }).format(new Date(it.issue.created_at)) %></p>
+	</div>
 </div>
\ No newline at end of file