diff --git a/pdb-js/src/app/app.component.html b/pdb-js/src/app/app.component.html
index 2af6239..727f12c 100644
--- a/pdb-js/src/app/app.component.html
+++ b/pdb-js/src/app/app.component.html
@@ -2,9 +2,9 @@
 
 <div id="main-toolbar">
   <!--<button mat-button [routerLink]="['/']"><img src="assets/img/strip-chart-color.svg"  aria-hidden="false" aria-label="go to home page" /> Plotilio</button>-->
-  <button mat-button [routerLink]="['/']"><img src="assets/img/plotilio_64.png"  aria-hidden="false" aria-label="go to home page" /></button>
-  <button mat-button [routerLink]="['/vis']">Visualization</button>
-  <button mat-button [routerLink]="['/dashboard']">Dashboards<span class="super-badge">Beta</span></button>
+  <a mat-button [routerLink]="['/']"><img src="assets/img/plotilio_64.png"  aria-hidden="false" aria-label="go to home page" /></a>
+  <a mat-button [routerLink]="['/vis']">Visualization</a>
+  <a mat-button [routerLink]="['/dashboard']">Dashboards<span class="super-badge">Beta</span></a>
 </div>
 
 <router-outlet></router-outlet>
diff --git a/pdb-js/src/app/app.component.scss b/pdb-js/src/app/app.component.scss
index e164eee..f094eb1 100644
--- a/pdb-js/src/app/app.component.scss
+++ b/pdb-js/src/app/app.component.scss
@@ -6,8 +6,9 @@
   border-bottom: solid 1px #bbb;
 }
 
-#main-toolbar button img {
+#main-toolbar a img {
   height: 1.5rem;
+  vertical-align: text-bottom;
 }
   
 .right{
diff --git a/pdb-js/src/styles.scss b/pdb-js/src/styles.scss
index 4d5c2af..6058623 100644
--- a/pdb-js/src/styles.scss
+++ b/pdb-js/src/styles.scss
@@ -114,7 +114,6 @@ button.save-button {
 .icon-small {
   width: 1.5em;
   height: 1.5em;
-  margin: 0.2em;
 }
 .icon-small:hover {
   background-color: #eee;