diff --git a/web/styles/left_sidebar.css b/web/styles/left_sidebar.css
index f16918136c..00c7c4cb3d 100644
--- a/web/styles/left_sidebar.css
+++ b/web/styles/left_sidebar.css
@@ -238,8 +238,14 @@ li.show-more-topics {
 }
 
 .direct-messages-container {
+    #private_messages_section {
+        /* Properly offset all the grid rows
+           in the DM section. */
+        margin-right: 12px;
+    }
+
     #private_messages_section_header {
-        grid-template-columns: 0 15px minmax(0, 1fr) max-content 30px 12px;
+        grid-template-columns: 0 15px minmax(0, 1fr) max-content 30px 0;
         grid-template-rows: 24px;
         /* TODO: Rewrite the `--left-sidebar-collapse-widget-gutter`
            value and the styles dependent on it so that this kind of