diff --git a/src/app/components/template/template-list-dialog/template-list-dialog.component.html b/src/app/components/template/template-list-dialog/template-list-dialog.component.html
index 346b52d8..3eea74e5 100644
--- a/src/app/components/template/template-list-dialog/template-list-dialog.component.html
+++ b/src/app/components/template/template-list-dialog/template-list-dialog.component.html
@@ -1,4 +1,4 @@
-<div mat-dialog-content>
+<div mat-dialog-content class="content">
   <div class="header">
     <mat-form-field floatPlaceholder="never">
       <input matInput #filter placeholder="Filter templates" />
diff --git a/src/app/components/template/template-list-dialog/template-list-dialog.component.scss b/src/app/components/template/template-list-dialog/template-list-dialog.component.scss
index 6c455eef..6b2a2818 100644
--- a/src/app/components/template/template-list-dialog/template-list-dialog.component.scss
+++ b/src/app/components/template/template-list-dialog/template-list-dialog.component.scss
@@ -16,3 +16,26 @@
   font-size: 16px;
   flex-grow: 1;
 }
+
+div {
+  scrollbar-color: darkgrey #263238;
+  scrollbar-width: thin;
+}
+
+mat-table {
+  scrollbar-color: darkgrey #263238;
+  scrollbar-width: thin;
+}
+
+::-webkit-scrollbar {
+  width: 0.5em;
+}
+
+::-webkit-scrollbar-track {
+  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
+}
+
+::-webkit-scrollbar-thumb {
+background-color: darkgrey;
+outline: 1px solid #263238;
+}