diff --git a/ui/app/AppLayouts/Browser/BrowserLayout.qml b/ui/app/AppLayouts/Browser/BrowserLayout.qml
index df48000f7f..cc295ec2fd 100644
--- a/ui/app/AppLayouts/Browser/BrowserLayout.qml
+++ b/ui/app/AppLayouts/Browser/BrowserLayout.qml
@@ -392,93 +392,7 @@ Rectangle {
             tab.item.url = determineRealURL("https://simpledapp.eth");
         }
 
-        style: TabViewStyle {
-            property color fillColor: Style.current.background
-            property color nonSelectedColor: Qt.darker(Style.current.background, 1.2)
-            frameOverlap: 1
-            tabsMovable: true
-
-            frame: Rectangle {
-                color: Style.current.transparent
-                border.width: 0
-            }
-
-            tab: Item {
-                implicitWidth: tabRectangle.implicitWidth + 5 + (newTabloader.active ? newTabloader.width + Style.current.halfPadding : 0)
-                implicitHeight: tabRectangle.implicitHeight
-                Rectangle {
-                    id: tabRectangle
-                    color: styleData.selected ? fillColor : nonSelectedColor
-                    border.width: 0
-                    implicitWidth: 240
-                    implicitHeight: tabs.tabHeight
-                    radius: Style.current.radius
-
-                    // This rectangle is to hide the bottom radius
-                    Rectangle {
-                        width: parent.implicitWidth
-                        height: 5
-                        color: parent.color
-                        border.width: 0
-                        anchors.bottom: parent.bottom
-                    }
-
-                    FaviconImage {
-                        id: faviconImage
-                        currentTab: tabs.getTab(styleData.index) && tabs.getTab(styleData.index).item
-                        anchors.verticalCenter: parent.verticalCenter;
-                        anchors.left: parent.left
-                        anchors.leftMargin: Style.current.halfPadding
-                    }
-
-                    StyledText {
-                        id: text
-                        anchors.verticalCenter: parent.verticalCenter
-                        anchors.left: faviconImage.right
-                        anchors.leftMargin: Style.current.halfPadding
-                        anchors.right: closeTabBtn.left
-                        anchors.rightMargin: Style.current.halfPadding
-                        text: styleData.title
-                        // TODO the elide probably doesn't work. Set a Max width
-                        elide: Text.ElideRight
-                        color: Style.current.textColor
-                    }
-
-
-                    StatusIconButton {
-                        id: closeTabBtn
-                        visible: tabs.count > 1
-                        enabled: visible
-                        icon.name: "browser/close"
-                        iconColor: Style.current.textColor
-                        anchors.verticalCenter: parent.verticalCenter
-                        anchors.right: parent.right
-                        anchors.rightMargin: Style.current.halfPadding
-                        onClicked: tabs.removeView(styleData.index)
-                        width: 16
-                        height: 16
-                    }
-                }
-
-                Loader {
-                    id: newTabloader
-                    active: styleData.index === tabs.count - 1
-                    anchors.verticalCenter: parent.verticalCenter
-                    anchors.right: parent.right
-
-                    sourceComponent: Component {
-                        StatusIconButton {
-                            icon.name: "browser/close"
-                            iconColor: Style.current.textColor
-                            iconRotation: 45
-                            onClicked: addNewTab()
-                            width: 16
-                            height: 16
-                        }
-                    }
-                }
-            }
-        }
+        style: BrowserTabStyle {}
 
         Component {
             id: tabComponent
diff --git a/ui/app/AppLayouts/Browser/BrowserTabStyle.qml b/ui/app/AppLayouts/Browser/BrowserTabStyle.qml
new file mode 100644
index 0000000000..3efcc2e13a
--- /dev/null
+++ b/ui/app/AppLayouts/Browser/BrowserTabStyle.qml
@@ -0,0 +1,93 @@
+import QtQuick 2.13
+import QtQuick.Controls.Styles 1.0
+import "../../../shared"
+import "../../../shared/status"
+import "../../../imports"
+
+TabViewStyle {
+    property color fillColor: Style.current.background
+    property color nonSelectedColor: Qt.darker(Style.current.background, 1.2)
+    frameOverlap: 1
+    tabsMovable: true
+
+    frame: Rectangle {
+        color: Style.current.transparent
+        border.width: 0
+    }
+
+    tab: Item {
+        implicitWidth: tabRectangle.implicitWidth + 5 + (newTabloader.active ? newTabloader.width + Style.current.halfPadding : 0)
+        implicitHeight: tabRectangle.implicitHeight
+        Rectangle {
+            id: tabRectangle
+            color: styleData.selected ? fillColor : nonSelectedColor
+            border.width: 0
+            implicitWidth: 240
+            implicitHeight: tabs.tabHeight
+            radius: Style.current.radius
+
+            // This rectangle is to hide the bottom radius
+            Rectangle {
+                width: parent.implicitWidth
+                height: 5
+                color: parent.color
+                border.width: 0
+                anchors.bottom: parent.bottom
+            }
+
+            FaviconImage {
+                id: faviconImage
+                currentTab: tabs.getTab(styleData.index) && tabs.getTab(styleData.index).item
+                anchors.verticalCenter: parent.verticalCenter;
+                anchors.left: parent.left
+                anchors.leftMargin: Style.current.halfPadding
+            }
+
+            StyledText {
+                id: text
+                anchors.verticalCenter: parent.verticalCenter
+                anchors.left: faviconImage.right
+                anchors.leftMargin: Style.current.halfPadding
+                anchors.right: closeTabBtn.left
+                anchors.rightMargin: Style.current.halfPadding
+                text: styleData.title
+                // TODO the elide probably doesn't work. Set a Max width
+                elide: Text.ElideRight
+                color: Style.current.textColor
+            }
+
+
+            StatusIconButton {
+                id: closeTabBtn
+                visible: tabs.count > 1
+                enabled: visible
+                icon.name: "browser/close"
+                iconColor: Style.current.textColor
+                anchors.verticalCenter: parent.verticalCenter
+                anchors.right: parent.right
+                anchors.rightMargin: Style.current.halfPadding
+                onClicked: tabs.removeView(styleData.index)
+                width: 16
+                height: 16
+            }
+        }
+
+        Loader {
+            id: newTabloader
+            active: styleData.index === tabs.count - 1
+            anchors.verticalCenter: parent.verticalCenter
+            anchors.right: parent.right
+
+            sourceComponent: Component {
+                StatusIconButton {
+                    icon.name: "browser/close"
+                    iconColor: Style.current.textColor
+                    iconRotation: 45
+                    onClicked: addNewTab()
+                    width: 16
+                    height: 16
+                }
+            }
+        }
+    }
+}
diff --git a/ui/nim-status-client.pro b/ui/nim-status-client.pro
index d1d7457575..710644d8c3 100644
--- a/ui/nim-status-client.pro
+++ b/ui/nim-status-client.pro
@@ -124,6 +124,7 @@ DISTFILES += \
     app/AppLayouts/Browser/BrowserConnectionModal.qml \
     app/AppLayouts/Browser/BrowserHeader.qml \
     app/AppLayouts/Browser/BrowserSettingsMenu.qml \
+    app/AppLayouts/Browser/BrowserTabStyle.qml \
     app/AppLayouts/Browser/BrowserTabs.qml \
     app/AppLayouts/Browser/BrowserWalletMenu.qml \
     app/AppLayouts/Browser/FaviconImage.qml \