diff --git a/assets/style.css b/assets/style.css
index e65c9b6..0cd70ee 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -118,13 +118,19 @@ p {
 }
 
 .description {
+	width: 100%;
 	font-size: 42px;
 	font-weight: 500;
 	color: #8c91af;
 	overflow: hidden;
-	display: block;
+	display: -webkit-box;
+	-webkit-box-orient: vertical;
 	text-overflow: ellipsis;
-	line-clamp: 2'...';
+	-webkit-line-clamp: 2;
+}
+
+.is-debug .description {
+	display: block;
 }
 
 .languages {
diff --git a/views/layout.eta b/views/layout.eta
index 075c85a..f45b730 100644
--- a/views/layout.eta
+++ b/views/layout.eta
@@ -17,17 +17,11 @@
 			place-items: center;
 			height: 100%;
 		}
-		/* we're using unprefixed line-clamp, but we want that to look correct in dev mode */
-		*[style*="line-clamp: 2"] {
-			display: -webkit-box !important;
-			-webkit-line-clamp: 2;
-			-webkit-box-orient: vertical;
-		}
 		</style>
 		<title>OpenGraph Debug Preview</title>
 	</head>
 <% } %>
-<div class="wrapper <% if (it.languages) { %>has-languages<% } %>">
+<div class="wrapper <% if (it.languages) { %>has-languages<% } %> <% if (it.debug) { %>is-debug<% } %>">
 	<%~ it.body %>
 	<% if (it.languages) { %>
 		<div class="languages">