# Adjust width of popup in job posting

**URL:** <https://community.elfsight.com/t/adjust-width-of-popup-in-job-posting/141336>\
**Category:** Customization\
**Tags:** job-board\
**Created:** [November 11, 2025, 4:43pm UTC](https://community.elfsight.com/t/adjust-width-of-popup-in-job-posting/141336 "2025-11-11T16:43:38Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Info\_at\_BEST](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/info_at_best/32/38257_2.png) [@Info\_at\_BEST](https://community.elfsight.com/u/Info_at_BEST)\
**Post date:** [November 11, 2025, 4:43pm UTC](https://community.elfsight.com/t/adjust-width-of-popup-in-job-posting/141336/1 "2025-11-11T16:43:38Z")

</div>

I am trying to make the width of the popup wider on the job posting widget. What is the CSS for that widget?

Assuming it is something like below  
@media(min-width:768px) {

.global-styles,  
.eapp-job-board-popup-popupcontainer {  
flex-basis: 70%;  
}

.global-styles,  
.eapp-job-board-popup-item-inner {  
max-width: none;  
}  
}

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/7/f/7f512456729819e901b3df795a01abd7686bd0c7.png)

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [November 11, 2025, 5:21pm UTC](https://community.elfsight.com/t/adjust-width-of-popup-in-job-posting/141336/3 "2025-11-11T17:21:35Z")

</div>

Hi there, @Info_at_BEST 👋

This CSS code will do the trick:

```auto
[class*="Popup__PopupContent-sc"] {
  width: 900px !important;
}

```

  

Give it a try and let me know if you like the result 🙂