Remove horizontal whitespace on user profile page for small breakpoints

app/assets/stylesheets/pages/profile.scss

@@ -249,6 +249,16 @@
     .event-item {
       padding-left: 40px;
     }
+
+    @include media-breakpoint-up(lg) {
+      margin-right: 5px;
+    }
+  }
+
+  .projects-block {
+    @include media-breakpoint-up(lg) {
+      margin-left: 5px;
+    }
   }
 
   @include media-breakpoint-down(xs) {

app/views/users/_overview.html.haml

@@ -9,7 +9,6 @@
   .col-md-12.col-lg-6
     - if can?(current_user, :read_cross_project)
       .activities-block
-        .append-right-5
         .prepend-top-16
           .d-flex.align-items-center.border-bottom
             %h4.flex-grow
@@ -21,7 +20,6 @@
 
   .col-md-12.col-lg-6
     .projects-block
-      .prepend-left-5
       .prepend-top-16
         .d-flex.align-items-center.border-bottom
           %h4.flex-grow

changelogs/unreleased/56010-user-profile-page-horizonal-whitespace-between-overview-columns-breaks-two-column-layout.yml

+---
+title: Remove horizontal whitespace on user profile overview on small breakpoints
+merge_request: 24189
+author:
+type: other