# Custom Popup Size

> Set a custom width and height for the MetaSurvey embed popup with your own CSS.

Source: https://getmetasurvey.com/help/how-to-customize-the-embed-popup-width-and-height/

This guide will show you how to customize the width and height of the embed popup window using custom CSS.

## Step 1: Access Your CSS File

Locate the CSS file in your project where you can add custom styles.

## Step 2: Add Custom CSS

Add the following CSS code to override the default modal width and height with the class `.metasurvey-modal`:

```
/* you can set your own values */
.metasurvey-modal {
  width: 800px !important; /* !important is required */
  height: 700px !important;
}
```

You can adjust the width and height values as needed.

## Step 3: Save and Refresh

Save the CSS file and refresh your browser to see the changes. The embed popup should now display with the new dimensions.