From 1513443d079ba98b6166ce3b995637dd43068928 Mon Sep 17 00:00:00 2001
From: carlagn <goncalves@prisma.io>
Date: Mon, 19 Aug 2024 09:31:36 +0100
Subject: [PATCH] fix: WEB-626 overflowing tabbed content (#6202)

* Update fullwidth prop

* Add fullWidth prop to tabbedcontent
---
 content/200-orm/500-reference/050-prisma-client-reference.mdx | 2 +-
 src/theme/Tabs/styles.module.scss                             | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/content/200-orm/500-reference/050-prisma-client-reference.mdx b/content/200-orm/500-reference/050-prisma-client-reference.mdx
index a6cd11ea3c..32769b1fe5 100644
--- a/content/200-orm/500-reference/050-prisma-client-reference.mdx
+++ b/content/200-orm/500-reference/050-prisma-client-reference.mdx
@@ -5169,7 +5169,7 @@ const getUsers = await prisma.user.findMany({
 
 The following query returns all users where the `sanctuaries` array contains the value `"RSPCA"`:
 
-<TabbedContent>
+<TabbedContent fullWidth>
 <TabItem value="PostgreSQL">
 
 ```ts
diff --git a/src/theme/Tabs/styles.module.scss b/src/theme/Tabs/styles.module.scss
index 79493a2ca1..f2247a18bf 100644
--- a/src/theme/Tabs/styles.module.scss
+++ b/src/theme/Tabs/styles.module.scss
@@ -1,5 +1,8 @@
 .tabList {
   margin-bottom: var(--ifm-leading);
+  &:has(.full-width) {
+    width: 100%;
+  }
 }
 
 .tabItem {