diff --git a/src/app/components/creator/content-list/content-list.component.html b/src/app/components/creator/content-list/content-list.component.html
index f5e939b8abac85ab96d84b5b29a54552f2d38016..b82d330acf9218700fd4d0c8a732626e1f39dd14 100644
--- a/src/app/components/creator/content-list/content-list.component.html
+++ b/src/app/components/creator/content-list/content-list.component.html
@@ -39,11 +39,12 @@
           <mat-panel-title>
               {{ content.subject }}
           </mat-panel-title>
-          <button mat-icon-button color="accent" (click)="editContent(content);$event.stopPropagation();">
+          <button mat-icon-button color="accent" (click)="editContent(content);$event.stopPropagation();"
+                  class="editButton">
             <mat-icon>create</mat-icon>
           </button>
           <button mat-icon-button color="warn" (click)="deleteContent(content);$event.stopPropagation();"
-                  class="deleteButton">
+                  class="deleteButton editButton">
             <mat-icon>delete_forever</mat-icon>
           </button>
         </mat-expansion-panel-header>
diff --git a/src/app/components/creator/content-list/content-list.component.scss b/src/app/components/creator/content-list/content-list.component.scss
index f1208e902992f6b59fcfed9e2eae19860249c4cd..38a8e68d9322a53fe62080a8aa0b0b882c1f55c8 100644
--- a/src/app/components/creator/content-list/content-list.component.scss
+++ b/src/app/components/creator/content-list/content-list.component.scss
@@ -16,10 +16,13 @@ mat-panel-title {
   flex-basis: 0;
   align-items: center;
   font-size: medium;
+  margin-right: 5px;
 }
 
 mat-expansion-panel-header {
   background-color: #bbdefb !important;
+  padding-left: 3%;
+  padding-right: 3%;
 }
 
 .mat-expansion-panel-header-title {
@@ -39,8 +42,13 @@ h2 {
   }
 }
 
+.editButton {
+  width: 15%;
+  max-width: 60px;
+}
+
 .deleteButton {
-  margin-right: 15px;
+  margin-right: 4%;
 }
 
 mat-tooltip-component {
diff --git a/src/app/components/creator/content-list/content-list.component.ts b/src/app/components/creator/content-list/content-list.component.ts
index 256a157a67877ac4acd0d417edfe75a093a8fd09..c483d4e663afde167945ffa2b1e72d68088cd17b 100644
--- a/src/app/components/creator/content-list/content-list.component.ts
+++ b/src/app/components/creator/content-list/content-list.component.ts
@@ -57,7 +57,7 @@ export class ContentListComponent implements OnInit {
   }
 
   ngOnInit() {
-    this.labelMaxLength = innerWidth / 30;
+    this.labelMaxLength = innerWidth / 20;
     this.roomId = localStorage.getItem(`roomId`);
     this.roomService.getRoom(this.roomId).subscribe(room => {
       this.room = room;