diff --git a/frontend/src/app/components/assets/assets.component.html b/frontend/src/app/components/assets/assets.component.html
index c279af2ab..30c6b7255 100644
--- a/frontend/src/app/components/assets/assets.component.html
+++ b/frontend/src/app/components/assets/assets.component.html
@@ -18,7 +18,7 @@
 
   <br>
 
-  <ngb-pagination [collectionSize]="assets.length" [rotate]="true" [pageSize]="itemsPerPage" [(page)]="page" (pageChange)="pageChange(page)" [maxSize]="paginationMaxSize" [boundaryLinks]="true" [ellipses]="ellipses"></ngb-pagination>
+  <ngb-pagination class="pagination-container" [collectionSize]="assets.length" [rotate]="true" [pageSize]="itemsPerPage" [(page)]="page" (pageChange)="pageChange(page)" [maxSize]="paginationMaxSize" [boundaryLinks]="true" [ellipses]="ellipses"></ngb-pagination>
 
   <div class="clearfix"></div>
   <br>
diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss
index 927bc3862..02525e2d4 100644
--- a/frontend/src/styles.scss
+++ b/frontend/src/styles.scss
@@ -1180,9 +1180,23 @@ th {
     margin: 0;
     @media (min-width: 400px) {
       width: auto;
-      padding-left: 5px;
     }
   }
+  .page-link {
+    background-color: var(--bg);
+    border: 1px solid var(--bg);
+  }
+  .page-link:hover {
+    background-color: var(--active-bg);
+  }
+  .page-item.active .page-link {
+    background-color: var(--tertiary);
+    border: 1px solid var(--tertiary);
+  }
+  .page-item.disabled .page-link {
+    background-color: var(--bg);
+    border: 1px solid var(--bg);
+  }
 }
 
 .fee-estimation-wrapper {