diff --git a/src/app/workflow-spec-list/workflow-spec-list.component.html b/src/app/workflow-spec-list/workflow-spec-list.component.html
index 7c0cf6b..1ee3e51 100644
--- a/src/app/workflow-spec-list/workflow-spec-list.component.html
+++ b/src/app/workflow-spec-list/workflow-spec-list.component.html
@@ -1,16 +1,8 @@
 <div class="workflow-specs" fxLayout="column" fxLayoutGap="10px">
   <h1>Workflow Specifications</h1>
   <div class="buttons" fxLayout="row" fxLayoutGap="10px">
-    <button id="add_spec" mat-flat-button color="primary" (click)="editWorkflowSpec()" fxLayoutAlign="stretch">
-      <mat-icon>library_add</mat-icon>
-      Add Library Spec
-    </button>
-    <button id="add_library" mat-flat-button color="primary" (click)="editWorkflowSpec()" fxLayoutAlign="stretch">
-      <mat-icon>library_add</mat-icon>
-      Add Study Spec
-    </button>
       <mat-form-field class="search-field">
-        <label><input matInput type="search" placeholder="Search Workflows" class="form-control" [formControl]="searchField"></label>
+        <label><input matInput type="search" placeholder="Search Workflows" fxLayoutAlign="start" class="form-control" [formControl]="searchField"></label>
       </mat-form-field>
   </div>
   <mat-drawer-container class="example-container" autosize>
@@ -27,13 +19,21 @@
       </ng-container>
       <mat-divider></mat-divider>
 
+      <mat-divider></mat-divider>
       <ng-container>
-        <div class="category">
-          <mat-accordion class="example-headers-align">
+        <div class="category" fxLayout="row">
+          <h4>Library Specs</h4>
+          <button id="add_spec" title="Add new Library" mat-flat-button color="primary" (click)="editWorkflowSpec()" fxLayoutAlign="start">
+            <mat-icon>library_add</mat-icon>
+
+          </button>
+        </div>
+        <mat-divider></mat-divider>
+        <mat-accordion class="example-headers-align">
             <mat-expansion-panel>
             <mat-expansion-panel-header>
               <mat-panel-title>
-              <h4>Library Specs</h4>
+              <h4>All Libraries</h4>
               </mat-panel-title>
             </mat-expansion-panel-header>
               <mat-list>
@@ -45,20 +45,21 @@
               </mat-list>
             </mat-expansion-panel>
           </mat-accordion>
-
-        </div>
       </ng-container>
 
-
       <mat-divider></mat-divider>
 
       <ng-container>
         <div class="category" fxLayout="row">
           <h4>Study Specs</h4>
-          <button id="add_category" mat-flat-button color="accent" (click)="editWorkflowSpecCategory()"  fxLayoutAlign="stretch">
-          <mat-icon>post_add</mat-icon>
-            Add category
-        </button>
+          <button id="add_category" title="Add new Category" mat-flat-button color="accent" (click)="editWorkflowSpecCategory()"  fxLayoutAlign="stretch">
+            <mat-icon>post_add</mat-icon>
+
+          </button>
+          <button id="add_library" title="Add new Study Spec" mat-flat-button color="primary" (click)="editWorkflowSpec()" fxLayoutAlign="start">
+            <mat-icon>library_add</mat-icon>
+
+          </button>
         </div>
         <mat-divider></mat-divider>
 
diff --git a/src/app/workflow-spec-list/workflow-spec-list.component.scss b/src/app/workflow-spec-list/workflow-spec-list.component.scss
index 1d95881..7ac2e1a 100644
--- a/src/app/workflow-spec-list/workflow-spec-list.component.scss
+++ b/src/app/workflow-spec-list/workflow-spec-list.component.scss
@@ -17,7 +17,7 @@
 }
 
 .category {
-  padding: 1rem 1rem 1rem 0;
+  padding: 2rem 1rem 1rem 0;
 
   h4 {
     margin: 1rem 1rem 0 0;