diff --git a/templates/snip/single.html.twig b/templates/snip/single.html.twig
index 2edb94f..4fecd81 100644
--- a/templates/snip/single.html.twig
+++ b/templates/snip/single.html.twig
@@ -35,9 +35,17 @@
     </a>
     <br><br>
     <div class="card" style="width: 100%;">
-        <h4 class="card-header">
-            {{ include('snip/badge.html.twig', {snip: snip}) }}
-            {{ snip }} <small class="text-muted">#{{ snip.id }}</small>
+        <h4 class="card-header d-flex justify-content-between">
+            <span>
+                {{ snip }} <small class="text-muted">#{{ snip.id }}</small>
+            </span>
+            <span>
+                {% for tag in snip.tags %}
+                    <span class="badge bg-secondary">{{ tag }}</span>
+                {% endfor %}
+                {{ include('user/badge.html.twig', {user: snip.createdBy}) }}
+                {{ include('snip/badge.html.twig', {snip: snip}) }}
+            </span>
         </h4>
         <div class="card-body">
             {{ content|raw }}
@@ -49,10 +57,7 @@
 
                 Created at {{ snip.activeVersion.id.dateTime|date('Y-m-d H:i:s') }}
 
-                {{ include('user/badge.html.twig', {user: snip.createdBy}) }}
-                {% for tag in snip.tags %}
-                    <span class="badge bg-secondary">{{ tag }}</span>
-                {% endfor %}
+
             </p>
         </div>
     </div>