diff --git a/src/app/components/recent-videos/recent-videos.component.html b/src/app/components/recent-videos/recent-videos.component.html
index 80db562..ad39fa5 100644
--- a/src/app/components/recent-videos/recent-videos.component.html
+++ b/src/app/components/recent-videos/recent-videos.component.html
@@ -1,8 +1,8 @@
 <div>
     <div class="container">
         <div class="row justify-content-center">
-            <div *ngFor="let file of files" class="col-6 col-lg-4 mb-2 mt-2 file-col">
-                <app-unified-file-card (goToFile)="goToFile($event)" (goToSubscription)="goToSubscription($event)" [file_obj]="file"></app-unified-file-card>
+            <div *ngFor="let file of files" [ngClass]="[ card_size === 'small' ? 'col-2 mb-2 mt-2 file-col' : '', card_size === 'medium' ? 'col-6 col-lg-4 mb-2 mt-2 file-col' : '' ]">
+                <app-unified-file-card [card_size]="card_size" (goToFile)="goToFile($event)" (goToSubscription)="goToSubscription($event)" [file_obj]="file"></app-unified-file-card>
             </div>
         </div>
     </div>
diff --git a/src/app/components/recent-videos/recent-videos.component.ts b/src/app/components/recent-videos/recent-videos.component.ts
index dd70649..dec95fd 100644
--- a/src/app/components/recent-videos/recent-videos.component.ts
+++ b/src/app/components/recent-videos/recent-videos.component.ts
@@ -12,6 +12,7 @@ export class RecentVideosComponent implements OnInit {
   normal_files_received = false;
   subscription_files_received = false;
   files: any[] = null;
+  card_size = 'medium';
 
   constructor(private postsService: PostsService, private router: Router) { }