diff --git a/app/client/packages/design-system/ads/src/DismissibleTab/DismissibleTab.tsx b/app/client/packages/design-system/ads/src/DismissibleTab/DismissibleTab.tsx
index f9bf11900f3d..78a05a887bbf 100644
--- a/app/client/packages/design-system/ads/src/DismissibleTab/DismissibleTab.tsx
+++ b/app/client/packages/design-system/ads/src/DismissibleTab/DismissibleTab.tsx
@@ -7,14 +7,7 @@ import { Icon } from "..";
 import * as Styled from "./DismissibleTab.styles";
 import { DATA_TEST_ID } from "./constants";
 
-export interface DismissibleTabProps {
-  children: React.ReactNode;
-  dataTestId?: string;
-  isActive: boolean;
-  onClick: () => void;
-  onClose: (e: React.MouseEvent) => void;
-  onDoubleClick?: () => void;
-}
+import type { DismissibleTabProps } from "./DismissibleTab.types";
 
 export const DismissibleTab = ({
   children,
diff --git a/app/client/packages/design-system/ads/src/DismissibleTab/DismissibleTab.types.ts b/app/client/packages/design-system/ads/src/DismissibleTab/DismissibleTab.types.ts
new file mode 100644
index 000000000000..909dafab3177
--- /dev/null
+++ b/app/client/packages/design-system/ads/src/DismissibleTab/DismissibleTab.types.ts
@@ -0,0 +1,10 @@
+import type React from "react";
+
+export interface DismissibleTabProps {
+  children: React.ReactNode;
+  dataTestId?: string;
+  isActive: boolean;
+  onClick: () => void;
+  onClose: (e: React.MouseEvent) => void;
+  onDoubleClick?: () => void;
+}
diff --git a/app/client/packages/design-system/ads/src/DismissibleTab/index.ts b/app/client/packages/design-system/ads/src/DismissibleTab/index.ts
index 6e1ffc269fd5..f00320299ac8 100644
--- a/app/client/packages/design-system/ads/src/DismissibleTab/index.ts
+++ b/app/client/packages/design-system/ads/src/DismissibleTab/index.ts
@@ -1,2 +1,2 @@
 export { DismissibleTab } from "./DismissibleTab";
-export type { DismissibleTabProps } from "./DismissibleTab";
+export type { DismissibleTabProps } from "./DismissibleTab.types";
diff --git a/app/client/packages/design-system/ads/src/Templates/EditableDismissibleTab/EditableDismissibleTab.tsx b/app/client/packages/design-system/ads/src/Templates/EditableDismissibleTab/EditableDismissibleTab.tsx
index d3db798e79b3..9ed6cc20e50e 100644
--- a/app/client/packages/design-system/ads/src/Templates/EditableDismissibleTab/EditableDismissibleTab.tsx
+++ b/app/client/packages/design-system/ads/src/Templates/EditableDismissibleTab/EditableDismissibleTab.tsx
@@ -5,18 +5,7 @@ import { useBoolean } from "usehooks-ts";
 import { DismissibleTab } from "../..";
 import { EditableEntityName } from "..";
 
-interface EditableDismissibleTabProps {
-  dataTestId?: string;
-  icon: React.ReactNode;
-  isActive: boolean;
-  isEditable?: boolean;
-  isLoading: boolean;
-  name: string;
-  onClick: () => void;
-  onClose: () => void;
-  onNameSave: (name: string) => void;
-  validateName: (name: string) => string | null;
-}
+import type { EditableDismissibleTabProps } from "./EditableDismissibleTab.types";
 
 export const EditableDismissibleTab = (props: EditableDismissibleTabProps) => {
   const {
diff --git a/app/client/packages/design-system/ads/src/Templates/EditableDismissibleTab/EditableDismissibleTab.types.ts b/app/client/packages/design-system/ads/src/Templates/EditableDismissibleTab/EditableDismissibleTab.types.ts
new file mode 100644
index 000000000000..2ee09e171053
--- /dev/null
+++ b/app/client/packages/design-system/ads/src/Templates/EditableDismissibleTab/EditableDismissibleTab.types.ts
@@ -0,0 +1,14 @@
+import type React from "react";
+
+export interface EditableDismissibleTabProps {
+  dataTestId?: string;
+  icon: React.ReactNode;
+  isActive: boolean;
+  isEditable?: boolean;
+  isLoading: boolean;
+  name: string;
+  onClick: () => void;
+  onClose: () => void;
+  onNameSave: (name: string) => void;
+  validateName: (name: string) => string | null;
+}
diff --git a/app/client/packages/design-system/ads/src/Templates/EditableEntityName/EditableEntityName.tsx b/app/client/packages/design-system/ads/src/Templates/EditableEntityName/EditableEntityName.tsx
index dfb81363d532..fa26160d2a37 100644
--- a/app/client/packages/design-system/ads/src/Templates/EditableEntityName/EditableEntityName.tsx
+++ b/app/client/packages/design-system/ads/src/Templates/EditableEntityName/EditableEntityName.tsx
@@ -5,16 +5,7 @@ import { useEditableText } from "../../__hooks__";
 
 import * as Styled from "./EditableEntityName.styles";
 
-interface EditableTextProps {
-  icon: React.ReactNode;
-  inputTestId?: string;
-  isEditing: boolean;
-  isLoading?: boolean;
-  name: string;
-  onExitEditing: () => void;
-  onNameSave: (name: string) => void;
-  validateName: (name: string) => string | null;
-}
+import type { EditableEntityNameProps } from "./EditableEntityName.types";
 
 export const EditableEntityName = ({
   icon,
@@ -25,7 +16,7 @@ export const EditableEntityName = ({
   onExitEditing,
   onNameSave,
   validateName,
-}: EditableTextProps) => {
+}: EditableEntityNameProps) => {
   const [
     inputRef,
     editableName,
diff --git a/app/client/packages/design-system/ads/src/Templates/EditableEntityName/EditableEntityName.types.ts b/app/client/packages/design-system/ads/src/Templates/EditableEntityName/EditableEntityName.types.ts
new file mode 100644
index 000000000000..b092f01b41be
--- /dev/null
+++ b/app/client/packages/design-system/ads/src/Templates/EditableEntityName/EditableEntityName.types.ts
@@ -0,0 +1,12 @@
+import type React from "react";
+
+export interface EditableEntityNameProps {
+  icon: React.ReactNode;
+  inputTestId?: string;
+  isEditing: boolean;
+  isLoading?: boolean;
+  name: string;
+  onExitEditing: () => void;
+  onNameSave: (name: string) => void;
+  validateName: (name: string) => string | null;
+}