diff --git a/angular-ngrx-scss/src/app/home/home.component.scss b/angular-ngrx-scss/src/app/home/home.component.scss
index 45dba192e..5609d728b 100644
--- a/angular-ngrx-scss/src/app/home/home.component.scss
+++ b/angular-ngrx-scss/src/app/home/home.component.scss
@@ -15,13 +15,19 @@
 
 .main {
   display: grid;
-  grid-template-columns: 24rem 1fr;
+  grid-template-columns: 1fr;
   grid-row: 2 / 3;
   grid-column: 1 / 3;
   background: variables.$gray100;
+  @media (min-width: variables.$md) {
+    grid-template-columns: 24rem 1fr;
+  }
 }
 
 aside {
   background: variables.$white;
   padding: 2rem;
+  @media (max-width: variables.$md) {
+    order: 2;
+  }
 }
diff --git a/angular-ngrx-scss/src/app/home/top-repositories/top-repositories.component.scss b/angular-ngrx-scss/src/app/home/top-repositories/top-repositories.component.scss
index 5919b2917..63ae8103a 100644
--- a/angular-ngrx-scss/src/app/home/top-repositories/top-repositories.component.scss
+++ b/angular-ngrx-scss/src/app/home/top-repositories/top-repositories.component.scss
@@ -1,7 +1,10 @@
 @use '../../shared/styles/variables';
 
 .top-repositories-container {
-  padding: 3rem;
+  padding: 1.5rem;
+  @media (min-width: variables.$md) {
+    padding: 3rem;
+  }
   h2 {
     font-size: 18px;
     line-height: 28px;
@@ -14,9 +17,11 @@
     border-width: 1px;
   }
   .repo-section {
-    padding: 2rem 0;
-    padding-left: 2rem;
+    padding: 1rem;
     border-bottom: 1px solid variables.$gray300;
+    @media (min-width: variables.$md) {
+      padding: 2rem 0 2rem 2rem;
+    }
   }
   .view-all-link {
     padding: 1.25rem;
diff --git a/angular-ngrx-scss/src/app/home/user-gists/user-gists.component.html b/angular-ngrx-scss/src/app/home/user-gists/user-gists.component.html
index be7e700d4..ccf1d2dba 100644
--- a/angular-ngrx-scss/src/app/home/user-gists/user-gists.component.html
+++ b/angular-ngrx-scss/src/app/home/user-gists/user-gists.component.html
@@ -1,14 +1,16 @@
 <div class="container">
   <h3>Gists</h3>
   <ng-container *ngIf="userGists$ | async as gists">
-    <ng-container *ngIf="gists.length > 0">
-      <div class="list-container">
-        <ng-container *ngFor="let gist of gists">
-          <a class="link" [href]="gist.url" target="_blank">{{
-            gist.fileName
-          }}</a>
-        </ng-container>
-      </div>
-    </ng-container>
+    <ul *ngIf="gists?.length; else noGists">
+      <li *ngFor="let gist of gists">
+        <a class="link" [href]="gist.url" target="_blank">
+          {{ gist.fileName }}
+        </a>
+      </li>
+    </ul>
   </ng-container>
 </div>
+
+<ng-template #noGists>
+  <p>User does not have any gists</p>
+</ng-template>
diff --git a/angular-ngrx-scss/src/app/home/user-gists/user-gists.component.scss b/angular-ngrx-scss/src/app/home/user-gists/user-gists.component.scss
index 2d777c505..8e28dd556 100644
--- a/angular-ngrx-scss/src/app/home/user-gists/user-gists.component.scss
+++ b/angular-ngrx-scss/src/app/home/user-gists/user-gists.component.scss
@@ -4,6 +4,10 @@
   padding: 2rem 0;
   border-top: 1px solid variables.$gray300;
   border-bottom: 1px solid variables.$gray300;
+  ul {
+    list-style: none;
+    padding: 0;
+  }
   h3 {
     font-weight: 600;
   }