diff --git a/app/client/src/components/designSystems/appsmith/TabsComponent.tsx b/app/client/src/components/designSystems/appsmith/TabsComponent.tsx
index 5ba211dec0..72079c8916 100644
--- a/app/client/src/components/designSystems/appsmith/TabsComponent.tsx
+++ b/app/client/src/components/designSystems/appsmith/TabsComponent.tsx
@@ -9,6 +9,7 @@ interface TabsComponentProps extends ComponentProps {
   children?: ReactNode;
   shouldScrollContents?: boolean;
   selectedTabId: string;
+  shouldShowTabs: boolean;
   onTabChange: (tabId: string) => void;
   tabs: Array<{
     id: string;
@@ -112,22 +113,26 @@ const TabsComponent = (props: TabsComponentProps) => {
   }, [props.shouldScrollContents]);
   return (
     <TabsContainerWrapper ref={tabContainerRef}>
-      <TabsContainer>
-        {props.tabs &&
-          props.tabs.map((tab, index) => (
-            <StyledText
-              onClick={(event: React.MouseEvent<HTMLDivElement>) => {
-                props.onTabChange(tab.id);
-                event.stopPropagation();
-              }}
-              selected={props.selectedTabId === tab.id}
-              key={index}
-            >
-              {tab.label}
-            </StyledText>
-          ))}
-        <StyledTab></StyledTab>
-      </TabsContainer>
+      {props.shouldShowTabs ? (
+        <TabsContainer>
+          {props.tabs &&
+            props.tabs.map((tab, index) => (
+              <StyledText
+                onClick={(event: React.MouseEvent<HTMLDivElement>) => {
+                  props.onTabChange(tab.id);
+                  event.stopPropagation();
+                }}
+                selected={props.selectedTabId === tab.id}
+                key={index}
+              >
+                {tab.label}
+              </StyledText>
+            ))}
+          <StyledTab></StyledTab>
+        </TabsContainer>
+      ) : (
+        undefined
+      )}
       <ChildrenWrapper>
         <ScrollableCanvasWrapper
           {...props}
diff --git a/app/client/src/mockResponses/WidgetConfigResponse.tsx b/app/client/src/mockResponses/WidgetConfigResponse.tsx
index 4465bc3fe4..045025e9d3 100644
--- a/app/client/src/mockResponses/WidgetConfigResponse.tsx
+++ b/app/client/src/mockResponses/WidgetConfigResponse.tsx
@@ -180,6 +180,7 @@ const WidgetConfigResponse: WidgetConfigReducerState = {
         { label: "Tab 1", id: "tab1" },
         { label: "Tab 2", id: "tab2" },
       ],
+      shouldShowTabs: true,
       selectedTab: "Tab 1",
       blueprint: {
         view: [
diff --git a/app/client/src/widgets/TabsWidget.tsx b/app/client/src/widgets/TabsWidget.tsx
index 1f10f6587a..80b97262f3 100644
--- a/app/client/src/widgets/TabsWidget.tsx
+++ b/app/client/src/widgets/TabsWidget.tsx
@@ -163,6 +163,7 @@ export interface TabsWidgetProps<T extends TabContainerWidgetProps>
     id: string;
     label: string;
   }>;
+  shouldShowTabs: boolean;
   children: T[];
   snapColumns?: number;
   snapRows?: number;