Media Library List View layout issue

Hello Yubian,

Thank you for the detailed report and for providing the screenshot.

Looking closely at your layout, the extensive horizontal gap in the Media Library List View is typically caused by a DOM rendering or CSS conflict, often linked to active columns or dashboard notifications from other plugins.

Based on the screenshot, a couple of factors could be causing this unexpected layout displacement:

1. Active Plugin Columns: The “FileBird Folder” data column is still visible and rendering inside your media list table. If FileBird has been deactivated, its database-registered screen options or column hooks may still be active in your current browser session.
2. Third-Party Dashboard Notifications: The layout shows two prominent admin notices at the top right from other active plugins. These alerts can sometimes break the float or flex properties of the standard WordPress wrapper elements (.wrap), pushing the main data table content out of its natural alignment grid.

To help us isolate and patch this immediately, could you please perform the following diagnostic steps?

• Clear Cache & Hard Refresh: Deactivating plugins leaves assets cached in some environments. Please perform a hard refresh (Ctrl + F5 or Cmd + Shift + R) to clear any lingering FileBird scripts or styles.
• Check the Grid View Layout: Does this massive whitespace gap only occur in the List View, or does the same spacing issue happen when switching the Media Library to the standard Grid View?
• Screen Options Check: Click on “Screen Options” (顯示項目設定) at the very top right of your screen and uncheck any unneeded columns (like the FileBird column) to see if the table flexes back into its correct width.

Please let us know your findings so we can adjust our layout CSS to account for these specific conflicts if necessary. I have attached a screenshot from our standard test environment showing the layout rendering correctly without the gap.

Best regards,
Rayhan
For urgent support (rayetun2.0@gmail.com)

Hello Yubian,

Thank you for the updated screenshot.

Looking closely at your new image, this is actually the Grid View layout showing the exact same behavior. Since the massive whitespace gap is persistent across both layout views, this isolates the issue to a layout block or unclosed structural container on the page wrapper layer rather than a native WordPress table style override.

Two specific structural clues stand out in this screenshot:

1. The Spacing Trigger: Right at the top-left edge of the large whitespace gap, there is an isolated “使用說明” (Documentation / User Manual) dropdown button.
2. Layout Dislocation: Whatever theme or third-party plugin injected that button is likely outputting a block element that clears floats or applies a broken CSS flex/width property, which forces the entire media layout container (.wp-filter and the attachment grid) to shift completely to the right.

To confirm this and help us write a targeted CSS override to fix it for you:

• Could you temporarily right-click anywhere inside that massive blank white space, select Inspect, and tell us the class name or id of the empty container element or that “使用說明” button?
• Alternatively, if you happen to know which plugin or theme adds that “使用說明” menu, please let us know.

Once we have that element’s class name, we can ship a quick CSS rule in PixelVault to force your layout back into alignment.

Best regards,
Rayhan Uddin

Hi Yubian,

Excellent analysis! I can see one empty .wrap container and the dark mode notices (wp-dark-mode-admin-notices) is being treated as a horizontal column, pushing your media grid to the far right.

Please inspect and select “wp-dark-mode-admin-notices” add the below CSS to determine the main culprit. Please let me know if this snaps your Media Library layout back into place!

#rayetun-mn-wrap > [id*="admin-notices"],
#wp-dark-mode-admin-notices,
#rayetun-mn-wrap > .wrap:empty {
    display: none !important;
}

As far as I can imagine you are able to add the CSS. If you are not sure how to add CSS please let me know. Together we will solve this issue.

Hi Yubian,

Fantastic work! Thank you so much for testing that and confirming the empty .wrap container is indeed the main driver behind the layout shift. Your detailed troubleshooting has been incredibly helpful in pinning this down.

Since this issue is inside the back-end WordPress admin dashboard, standard theme Customizer CSS won’t target it. Instead, please add this code using a Code Snippets Plugin (Recommended):

1. Go to your dashboard and open your code snippets plugin (such as “Code Snippets” or “WPCode”).
2. Create a new snippet, select “CSS Snippet”, and paste the following code:
   #rayetun-mn-wrap > .wrap:empty {
   display: none !important;
   }

3. Set the injection location to “Admin Only” (or “Run everywhere”) and activate it.

We are already working on a permanent refactoring of our wrapper for the next plugin update so that third-party injected elements like this won’t interfere with the layout at all.

If you are happy with the support and love using PixelVault, would you mind sharing your experience by leaving us a quick review on WordPress.org? Honest feedback from users like you helps our plugin grow.

Thank you again for your patience and amazing cooperation!

Best regards,
Rayhan

Please update PixelVault v1.1.2 when available on your dashboard after that you can remove the CSS Snippet. The Media Library layout now leaves WordPress’s Help and Screen Options tabs (and the admin notices) exactly where they belong, so nothing gets pushed off-screen. The fix ships in v1.1.2, but due to the standard 24-hour WordPress.org code-review and security scanning pipeline, this update will propagate to your dashboard within the next 24 hours.