diff --git a/src/styles/content/listing.scss b/src/styles/content/listing.scss
index ef53e9b..467bcda 100644
--- a/src/styles/content/listing.scss
+++ b/src/styles/content/listing.scss
@@ -1,5 +1,6 @@
 @use '$styles/colors';
 @use '$styles/booru-vars';
+@use '$styles/environment';
 
 // This will fix wierd misplacing of the modified media boxes in the listing.
 .js-resizable-media-container {
@@ -66,9 +67,17 @@
 
     .tag {
       cursor: pointer;
-      padding: 5px;
       user-select: none;
 
+      // Derpibooru has slight differences in how tags are displayed.
+      @if environment.$current-site == 'derpibooru' {
+        padding: 0 5px;
+        gap: 0;
+      }
+      @else {
+        padding: 5px;
+      }
+
       &:hover {
         background: booru-vars.$resolved-tag-color;
         color: booru-vars.$resolved-tag-background;