Separate vs. Compact Tabs in Safari on macOS

This article explains the fundamental differences between the Separate and Compact tab layout options in the Safari web browser on macOS. It covers how each layout organizes the address bar and open tabs, how they impact your available screen space, and how they change your overall navigation experience so you can choose the best setup for your workflow.

The Separate Tab Layout

The Separate tab layout is the traditional design used by Safari for years and is standard across most other web browsers. In this view, the interface is divided into two distinct horizontal rows at the top of the browser window.

  • Top Row: Houses the window controls, navigation buttons (back/forward), extensions, and the centered Smart Search field (address bar).
  • Bottom Row: A dedicated tab bar that sits directly beneath the address bar, spanning the full width of the window.

Why choose Separate? The Separate layout provides a predictable browsing experience. Because the address bar is permanently fixed in the top center of the window, your eyes and mouse cursor always know where to go to type a URL or search term. Having a dedicated row for tabs also means you can keep more tabs open while still being able to read their webpage titles.

The Compact Tab Layout

The Compact tab layout is a modern, space-saving design that merges the address bar and the tab bar into a single horizontal row.

  • Single Row: Window controls, navigation buttons, extensions, open tabs, and the Smart Search field all share the same line at the very top of the browser.
  • Dynamic Address Bar: Instead of a fixed address bar, the currently active tab expands and transforms into the Smart Search field. Inactive tabs are pushed to the left and right of the active tab.

Why choose Compact? The primary benefit of the Compact layout is that it frees up vertical screen space, allowing you to see more of the actual webpage. This is especially useful on smaller screens, such as a 13-inch MacBook Air or MacBook Pro. However, because everything shares one row, open tabs shrink much faster, often leaving you with just the website icons (favicons) visible. Additionally, because the active tab is the address bar, the location where you type URLs constantly shifts left or right depending on which tab you click.

Key Differences at a Glance

  • Vertical Screen Space: Compact uses one row at the top of the screen, giving you more vertical room for web content. Separate uses two rows, taking up slightly more screen real estate.
  • Address Bar Location: In the Separate layout, the address bar stays locked in the top center. In the Compact layout, the address bar moves horizontally because it is integrated into whichever tab you are currently viewing.
  • Tab Visibility: Separate gives tabs the entire width of the screen, making it easier to manage many open tabs. Compact forces tabs to share space with browser buttons and the address bar, resulting in smaller tabs and hidden titles when multiple pages are open.

How to Switch Tab Layouts

You can easily test both layouts to see which one you prefer:

  1. Open the Safari browser on your Mac.
  2. Click Safari in the top-left menu bar and select Settings (or Preferences on older versions of macOS).
  3. Click the Tabs icon at the top of the settings window.
  4. Select either Separate or Compact to immediately apply the change.