From d371047cb6106ff192639349b8080606296eb8f3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Yi=C4=9Fit=20FINDIKLI?= <yigitfindikli@gmail.com>
Date: Thu, 23 Dec 2021 11:02:24 +0300
Subject: [PATCH] Update overlaysdemo.component.html

---
 src/app/demo/view/overlaysdemo.component.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/demo/view/overlaysdemo.component.html b/src/app/demo/view/overlaysdemo.component.html
index c8af58a..565d2e5 100755
--- a/src/app/demo/view/overlaysdemo.component.html
+++ b/src/app/demo/view/overlaysdemo.component.html
@@ -26,13 +26,13 @@
             <div class="grid formgrid">
                 <div class="col-6">
                     <button type="button" pButton label="Image" (click)="op1.toggle($event)" class="p-button-success"></button>
-                    <p-overlayPanel #op1 [showCloseIcon]="true" [style]="{width: '375px'}">
+                    <p-overlayPanel #op1 [showCloseIcon]="true" [style]="{width: '450px'}">
                         <img src="assets/demo/images/nature/nature1.jpg" alt="Nature 1" style="width:100%"/>
                     </p-overlayPanel>
                 </div>
                 <div class="col-6">
                     <button type="button" pButton label="DataTable" (click)="op2.toggle($event)" class="p-button-success"></button>
-                    <p-overlayPanel #op2 [showCloseIcon]="true" [style]="{width: '375px'}">
+                    <p-overlayPanel #op2 [showCloseIcon]="true" [style]="{width: '450px'}">
                         <ng-template pTemplate>
                             <p-table [value]="products" selectionMode="single" [(selection)]="selectedProduct" [paginator]="true" [rows]="5" (onRowSelect)="op2.hide()" responsiveLayout="scroll">
                                 <ng-template pTemplate="header">