diff --git a/services/web/frontend/js/features/project-list/components/project-list-ds-nav.tsx b/services/web/frontend/js/features/project-list/components/project-list-ds-nav.tsx
index e21c46d4d6..347edfb841 100644
--- a/services/web/frontend/js/features/project-list/components/project-list-ds-nav.tsx
+++ b/services/web/frontend/js/features/project-list/components/project-list-ds-nav.tsx
@@ -62,7 +62,7 @@ export function ProjectListDsNav() {
       <main className="project-list-wrapper">
         <SidebarDsNav />
         <div className="project-ds-nav-content">
-          <div className="p-4">
+          <div className="project-ds-nav-main">
             {error ? <DashApiError /> : ''}
             <UserNotifications />
             <div className="project-list-header-row">
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/project-list-ds-nav.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/project-list-ds-nav.scss
index 7caad1a905..04aaf8b79f 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/pages/project-list-ds-nav.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/project-list-ds-nav.scss
@@ -181,6 +181,15 @@
       }
     }
 
+    .project-ds-nav-main {
+      min-height: 100%;
+      padding: var(--spacing-08) var(--spacing-06);
+
+      @include media-breakpoint-up(md) {
+        padding: var(--spacing-08);
+      }
+    }
+
     .project-dash-table {
       .btn-link {
         color: var(--content-secondary);
@@ -207,8 +216,10 @@
       position: relative;
       background-color: var(--bg-light-secondary);
 
-      @media (width >= 768px) {
+      @include media-breakpoint-up(md) {
         border-top-left-radius: var(--border-radius-large);
+        border-left: 1px solid var(--border-divider);
+        border-top: 1px solid var(--border-divider);
       }
     }
   }