diff --git a/packages/twenty-front/src/modules/ui/layout/show-page/components/ShowPageSubContainer.tsx b/packages/twenty-front/src/modules/ui/layout/show-page/components/ShowPageSubContainer.tsx
index d7e55d3c9..b6eed4356 100644
--- a/packages/twenty-front/src/modules/ui/layout/show-page/components/ShowPageSubContainer.tsx
+++ b/packages/twenty-front/src/modules/ui/layout/show-page/components/ShowPageSubContainer.tsx
@@ -26,6 +26,10 @@ const StyledShowPageRightContainer = styled.div<{ isMobile: boolean }>`
   overflow: auto;
 `;
 
+const StyledTabListContainer = styled.div<{ shouldDisplay: boolean }>`
+  display: ${({ shouldDisplay }) => (shouldDisplay ? 'flex' : 'none')};
+`;
+
 const StyledTabList = styled(TabList)`
   padding-left: ${({ theme }) => theme.spacing(2)};
 `;
@@ -120,7 +124,7 @@ export const ShowPageSubContainer = ({
         </ShowPageLeftContainer>
       )}
       <StyledShowPageRightContainer isMobile={isMobile}>
-        {visibleTabs.length > 1 && (
+        <StyledTabListContainer shouldDisplay={visibleTabs.length > 1}>
           <StyledTabList
             behaveAsLinks={!isInRightDrawer}
             loading={loading || isNewViewableRecordLoading}
@@ -128,7 +132,7 @@ export const ShowPageSubContainer = ({
             tabs={tabs}
             isInRightDrawer={isInRightDrawer}
           />
-        )}
+        </StyledTabListContainer>
         {(isMobile || isInRightDrawer) && summaryCard}
         <StyledContentContainer isInRightDrawer={isInRightDrawer}>
           {renderActiveTabContent()}
diff --git a/packages/twenty-front/src/modules/ui/layout/tab/components/TabList.tsx b/packages/twenty-front/src/modules/ui/layout/tab/components/TabList.tsx
index 47ae16fee..8378a0400 100644
--- a/packages/twenty-front/src/modules/ui/layout/tab/components/TabList.tsx
+++ b/packages/twenty-front/src/modules/ui/layout/tab/components/TabList.tsx
@@ -38,6 +38,10 @@ const StyledContainer = styled.div`
   user-select: none;
 `;
 
+const StyledOuterContainer = styled.div`
+  width: 100%;
+`;
+
 export const TabList = ({
   tabs,
   tabListInstanceId,
@@ -61,7 +65,7 @@ export const TabList = ({
   }
 
   return (
-    <div>
+    <StyledOuterContainer>
       <TabListScope tabListScopeId={tabListInstanceId}>
         <TabListFromUrlOptionalEffect
           isInRightDrawer={!!isInRightDrawer}
@@ -95,6 +99,6 @@ export const TabList = ({
           </StyledContainer>
         </ScrollWrapper>
       </TabListScope>
-    </div>
+    </StyledOuterContainer>
   );
 };