How to reverse Safari’s controversial redesign entirely and bring back the old, familiar version

In rethinking some of the fundamentals in Safari on iOS 15 and iPadOS 15, Apple has managed to ruffle the feathers of its customers. The good news is, you can decide between adopting the redesign complete with the new, consolidated tab bar or stick with Safari’s old version with the familiar tab interface. In this quick post, we’ll show you how to reverse the new Safari design back to how things used to be before iOS 15 came along.

Apple’s controversial changes in Safari on iOS 15 and iPadOS 15

After you update the operating system software on your iPhone, iPod touch or iPad to iOS 15.0 or newer, you’ll immediately notice the visual changes in Safari. By default, Safari for iPhone will show the URL at the top instead of the bottom. And on iPad, Safari will merge the URL bar and tabs into one consolidated area where each tab doubles as the URL bar.

iPhone screenshot showing bottom address bar in Safari on iOS 15
The bottom URL bar can be swiped across to quickly cycle through open tabs

Another default that some people may dislike causes Safari on iOS 15 to color-match browser chrome to the website’s header color, which is called website tinting. The good news is, iOS 15 and iPadOS 15 make it easy to disable those features at will and bring back the old design.

On both iOS 15 and iPadOS 15, Apple provides specific controls to turn on or off the website tinting feature and move the URL bar from the top to the bottom, and vice versa.

How to switch between the old and new Safari design on iPhone

To bring back the old Safari interface on iPhone, you must change two new iOS 15 settings.

  1. Open the Settings app on your iPhone
  2. Choose Safari from the root list
  3. Choose between tabs on top or bottom underneath the Tabs heading
  • Tab Bar: The new default, repositions the address bar to the bottom
  • Single Tab: Choose this to get the old Safari interface back

Choose the Single Tab option if you’ve become accustomed to the previous Safari design. And boom, just like that you have your old Safari interface back!

iPhone screenshot showing Safari options for tabs with top and bottom address bar placement on iOS 15
Choose Single Tab to go back to how things were before iOS 15

You can switch between the top and bottom address bar without leaving Safari: Hit Safari’s aA menu and select Show Top Address Bar or Show Bottom Tab Bar from there.

iPhone screenshot illustrating the bottom address bar with the “aA” menu options in Safari on iOS 15
You can quickly change the tab bar layout through Safari’s aA menu

These menu shortcuts are great time-savers for those times when you’d like to change your preferred URL bar on the fly but don’t necessarily want to switch to the Settings app. Read: How to move Safari’s address bar on iPhone back to the top

Managing website tinting on iPhone

Another iOS 15 setting worth adjusting is Safari’s new feature that color-matches the toolbar area to the website’s header color. Read: How to manage website tinting in Safari

  1. Open the Settings app on your iPhone
  2. Choose Safari from the root list
  3. Slide the switch next to Allow Website Tinting to the OFF position to disable the feature

With it turned off, the Safari toolbars will no longer change their color when switching tabs.

Three iPhone screenshots showing website tinting settings for iOS 15 Safari
Disabling Allow Website Tinting stops iOS’ status bar from matching the website color

How to switch between the old and new Safari design on iPad

On iPad, the tab bar and the URL area have remained stuck to the top. What’s changed is the new design that consolidates the tabs and the URL bar into a single area. Changing this design, as well as toggling the website tinting option, can be done in the Safari preferences within the Settings app on iPadOS 15.0 or later.

  1. Open the Settings app on your iPad
  2. Choose Safari from the root list
  3. Choose between tabs on top or bottom underneath the Tabs heading

This is what the interface around these preferences looks like.

iPad screenshot illustrating the Safari settings in iPadOS 15 for choosing between separate tab bar and compact tab bar
On iPad, choose Separate Tab Bar for the familiar tab navigation from iOS 14 and earlier

And here’s a brief description of the two tab layout options available.

  • Separate Tab Bar: This is how Safari on iPad used to be. You get separate URL and tab sections at the top. Select this setting to bring back the old Safari experience.
  • Compact Tab Bar: The new, optional Safari design that integrates the URL bar and the tab section into one consolidated area. When you click a tab, it expands automatically to make room for the URL field within. Tabs that grow in width as you touch them can be quite confusing, so disable this feature if you find that it doesn’t work for you.

Like with iPhone, you can switch between the top/bottom address bar in Safari’s aA menu.

Managing website tinting on iPad

iPadOS 15 of course has the setting for folks who might prefer to stop the color-matching between the iOS status bar and the website’s accent color, but it’s named differently from the Website Tinting switch on iPhone. Also read: How to use Safari tab groups

  1. Open the Settings app on your iPhone or iPad
  2. Choose Safari from the root list
  3. Slide the switch next to Show Color in Tab Bar to the OFF position to disable the feature

And just like that, Safari’s tab bar will switch back to a dull gray design, but at least it won’t adjust itself dynamically to match the accent color of the website you are in.

To get a sense of other Safari changes in iOS 15, visit Apple’s iOS 15 webpage.