diff --git a/packages/frontend/app/components/learner-group/root.hbs b/packages/frontend/app/components/learner-group/root.hbs
index f4c199a877..b33ad39ad0 100644
--- a/packages/frontend/app/components/learner-group/root.hbs
+++ b/packages/frontend/app/components/learner-group/root.hbs
@@ -236,13 +236,15 @@
             {{/if}}
           </div>
           <div class="list">
-            <LearnerGroup::List
-              @learnerGroups={{this.learnerGroups}}
-              @canCopyWithLearners={{false}}
-              @copyGroup={{perform this.copyGroup}}
-              @sortBy={{this.sortGroupsBy}}
-              @setSortBy={{set this.sortGroupsBy}}
-            />
+           {{#if @learnerGroup.childrenCount}}
+              <LearnerGroup::List
+                @learnerGroups={{this.learnerGroups}}
+                @canCopyWithLearners={{false}}
+                @copyGroup={{perform this.copyGroup}}
+                @sortBy={{this.sortGroupsBy}}
+                @setSortBy={{set this.sortGroupsBy}}
+              />
+            {{/if}}
           </div>
         </section>
         <section class="cohortmembers">
diff --git a/packages/frontend/app/styles/components/learner-group/root.scss b/packages/frontend/app/styles/components/learner-group/root.scss
index 792bb418a3..dd1c8c7ed2 100644
--- a/packages/frontend/app/styles/components/learner-group/root.scss
+++ b/packages/frontend/app/styles/components/learner-group/root.scss
@@ -57,6 +57,10 @@
         }
       }
     }
+
+    .learner-group-overview-content {
+      border-bottom: 1px dotted c.$orange;
+    }
   }
 
   .cohortmembers {
@@ -69,6 +73,8 @@
   }
 
   .subgroups {
+    @include cm.detail-container-content;
+
     .header {
       @include cm.detail-container-header;
 
diff --git a/packages/frontend/tests/integration/components/learner-group/root-test.js b/packages/frontend/tests/integration/components/learner-group/root-test.js
index ad04e9e89b..540392d726 100644
--- a/packages/frontend/tests/integration/components/learner-group/root-test.js
+++ b/packages/frontend/tests/integration/components/learner-group/root-test.js
@@ -563,4 +563,28 @@ module('Integration | Component | learner-group/root', function (hooks) {
     assert.ok(component.bulkAssignment.isVisible);
     assert.strictEqual(component.actions.title, 'Upload Group Assignments');
   });
+
+  test('sub-groups list not visible if learner group has no sub-groups', async function (assert) {
+    const learnerGroup = this.server.create('learner-group', {
+      cohort: this.cohort,
+    });
+    const learnerGroupModel = await this.owner
+      .lookup('service:store')
+      .findRecord('learner-group', learnerGroup.id);
+
+    this.set('learnerGroup', learnerGroupModel);
+
+    await render(hbs`<LearnerGroup::Root
+      @canUpdate={{true}}
+      @setIsEditing={{(noop)}}
+      @setSortUsersBy={{(noop)}}
+      @setIsBulkAssigning={{(noop)}}
+      @sortUsersBy="fullName"
+      @learnerGroup={{this.learnerGroup}}
+      @isEditing={{false}}
+      @isBulkAssigning={{false}}
+    />`);
+
+    assert.notOk(component.subgroups.list.isVisible);
+  });
 });