diff --git a/static/css/main.css b/static/css/main.css
index d15f254..7d74945 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -49,6 +49,22 @@ main#main-card {
     padding-top: 2rem;
 }
 
+#padTitle {
+    padding: .3rem .75rem !important;
+    border-radius: .25rem;
+    display: inline-block;
+}
+
+.dark #padTitle {
+    color: #db3384;
+    background-color: rgba(0, 0, 0, 0.10);
+}
+
+.light #padTitle {
+    color: #fe79b9;
+    background-color: rgba(0, 0, 0, 0.15);
+}
+
 #pad-content-area {
     position: relative;
 
diff --git a/templates/pages/page.html b/templates/pages/page.html
index a92f21d..81e762a 100644
--- a/templates/pages/page.html
+++ b/templates/pages/page.html
@@ -35,7 +35,9 @@
 
         </div>
 
-        <h2 class="mb-4">{{.title}}</h2>
+        <h2 class="mb-4" id="padTitle">
+            {{.title}}
+        </h2>
 
         <div id="pad-content-area">
             <div class="btn-sm btn" id="pad-content-toggler" onclick="toggleTextareaPreview()">