diff --git a/scilog/src/app/overview/overview-table/overview-table.component.html b/scilog/src/app/overview/overview-table/overview-table.component.html
index aa1c7615..f6bd2ff5 100644
--- a/scilog/src/app/overview/overview-table/overview-table.component.html
+++ b/scilog/src/app/overview/overview-table/overview-table.component.html
@@ -3,27 +3,43 @@
     (cdkDropListDropped)="drop($event)" (matSortChange)="onSortChange()">
     <ng-container matColumnDef="name">
       <th mat-header-cell cdkDrag *matHeaderCellDef mat-sort-header>Title </th>
-      <td mat-cell *matCellDef="let row"> {{row.name}} </td>
+      <td mat-cell *matCellDef="let row"> 
+        <div class="scrollable-text"> 
+          {{row.name}}
+        </div>
+      </td>
     </ng-container>
 
     <ng-container matColumnDef="description">
       <th mat-header-cell cdkDrag *matHeaderCellDef mat-sort-header>Description </th>
-      <td mat-cell *matCellDef="let row"> {{row.description}} </td>
+      <td mat-cell *matCellDef="let row"> 
+        <div class="scrollable-text"> 
+          {{row.description}} 
+        </div>
+      </td>
     </ng-container>
 
     <ng-container matColumnDef="ownerGroup">
       <th mat-header-cell cdkDrag *matHeaderCellDef mat-sort-header>ownerGroup </th>
-      <td mat-cell *matCellDef="let row"> {{row.ownerGroup}} </td>
+      <td mat-cell *matCellDef="let row"> 
+        <div class="scrollable-text"> 
+          {{row.ownerGroup}} 
+        </div>
+      </td>
     </ng-container>
 
     <ng-container matColumnDef="createdAt">
       <th mat-header-cell cdkDrag *matHeaderCellDef mat-sort-header>Date </th>
-      <td mat-cell *matCellDef="let row"> {{row.createdAt | date}} </td>
+      <td mat-cell *matCellDef="let row"> 
+        <div class="scrollable-text"> 
+          {{row.createdAt | date}} 
+        </div>
+      </td>
     </ng-container>
 
     <ng-container matColumnDef="thumbnail">
       <th mat-header-cell cdkDrag *matHeaderCellDef>Thumbnail </th>
-      <td mat-cell *matCellDef="let row"><img [src]="getImage(row.thumbnail)" style="height: 100%;" /> </td>
+      <td mat-cell *matCellDef="let row"><img [src]="getImage(row.thumbnail)"/> </td>
     </ng-container>
 
     <ng-container matColumnDef="actions">
diff --git a/scilog/src/app/overview/overview-table/overview-table.component.scss b/scilog/src/app/overview/overview-table/overview-table.component.scss
index a503227e..e25a1e39 100644
--- a/scilog/src/app/overview/overview-table/overview-table.component.scss
+++ b/scilog/src/app/overview/overview-table/overview-table.component.scss
@@ -3,13 +3,6 @@ table {
   table-layout: fixed;
 }
 
-table th, 
-table td {
-  white-space: nowrap;
-  overflow: scroll;
-}
-
-
 .logbooks:hover {
   background-color: var(--main-background)!important;
   -webkit-transition: background-color 100ms linear, color 100ms linear;
@@ -18,11 +11,20 @@ table td {
 }
 
 .logbooks {
-  height: 65px;
+  height: 50px;
+}
+
+.scrollable-text {
+  white-space: nowrap;
+  overflow: scroll;
+  margin-right: 10px;
+  scrollbar-width: none;
 }
 
 .logbooks img {
-  max-height: 60px;
+  max-height: 45px;
+  height: 100%;
+  margin-top: 2px;
   object-fit: contain;
 }
 
@@ -34,7 +36,7 @@ table td {
 }
 
 .scrollable-container {
-  max-height: 65px * 11;
+  max-height: calc(100vh - 250px);
   width: 100%;
   overflow: auto;
 }