diff --git a/src/app/player/player.component.css b/src/app/player/player.component.css
index bc27f1f..cb868ef 100644
--- a/src/app/player/player.component.css
+++ b/src/app/player/player.component.css
@@ -14,7 +14,7 @@
 }
 
 .video-styles {
-    width: 80%;
+    width: 100%;
 }
 
 ::ng-deep .mat-button-toggle-label-content {
@@ -64,6 +64,7 @@
 .video-col {
     padding-right: 0px;
     padding-left: 0.01px;
+    height: 100%;
 }
 
 .save-icon {
diff --git a/src/app/player/player.component.html b/src/app/player/player.component.html
index 41ce210..4c9e294 100644
--- a/src/app/player/player.component.html
+++ b/src/app/player/player.component.html
@@ -1,6 +1,6 @@
 <div *ngIf="playlist.length > 0 && show_player">
     <div [ngClass]="(type === 'audio') ? null : 'container-video'" class="container">
-        <div style="max-width: 100%; margin-left: 0px;" class="row">
+        <div style="max-width: 100%; margin-left: 0px; height: 70vh" class="row">
             <div [ngClass]="(type === 'audio') ? 'my-2 px-1' : 'video-col'" class="col">
                 <vg-player (onPlayerReady)="onPlayerReady($event)" [style.background-color]="(type === 'audio') ? 'transparent' : 'black'">
                     <video [ngClass]="(type === 'audio') ? 'audio-styles' : 'video-styles'" #media class="video-player" [vgMedia]="media" [src]="currentItem.src" id="singleVideo" preload="auto" controls>