Updating tabs

versioned_docs/version-2.5/v2.5/en/user-settings/preferences/preferences.md

@@ -9,8 +9,8 @@ Each user can choose preferences to personalize their Rancher experience. To cha
 
 The preferences available will differ depending on whether the **User Settings** menu was accessed while on the Cluster Manager UI or the Cluster Explorer UI.
 
-{{% tabs %}}
-{{% tab "Cluster Manager" %}}
+<Tabs>
+<TabItem label="Cluster Manager">
 ## Theme
 
 Choose your background color for the Rancher UI. If you choose **Auto**, the background color changes from light to dark at 6 PM, and then changes back at 6 AM.
@@ -23,8 +23,8 @@ This section displays the **Name** (your display name) and **Username** (your lo
 
 On pages that display system objects like clusters or deployments in a table, you can set the number of objects that display on the page before you must paginate. The default setting is `50`.
 
-{{% /tab %}}
-{{% tab "Cluster Explorer" %}}
+</TabItem>
+<TabItem label="Cluster Explorer">
 ## Theme
 
 Choose your background color for the Rancher UI. If you choose **Auto**, the background color changes from light to dark at 6 PM, and then changes back at 6 AM.
@@ -61,5 +61,5 @@ Hides all description boxes.
 
 When deploying applications from the "Apps & Marketplace", choose whether to show only released versions of the Helm chart or to include prerelease versions as well.
 
-{{% /tab %}}
-{{% /tabs %}}
+</TabItem>
+</Tabs>