diff --git a/frontend/src/components/Logs/RawLogView/index.tsx b/frontend/src/components/Logs/RawLogView/index.tsx
index 194ce53d28..7c630a2939 100644
--- a/frontend/src/components/Logs/RawLogView/index.tsx
+++ b/frontend/src/components/Logs/RawLogView/index.tsx
@@ -21,8 +21,6 @@ import {
 	useMemo,
 	useState,
 } from 'react';
-// interfaces
-import { ILog } from 'types/api/logs/log';
 
 // styles
 import {
@@ -31,17 +29,10 @@ import {
 	RawLogContent,
 	RawLogViewContainer,
 } from './styles';
+import { RawLogViewProps } from './types';
 
 const convert = new Convert();
 
-interface RawLogViewProps {
-	isActiveLog?: boolean;
-	isReadOnly?: boolean;
-	isTextOverflowEllipsisDisabled?: boolean;
-	data: ILog;
-	linesPerRow: number;
-}
-
 function RawLogView({
 	isActiveLog,
 	isReadOnly,
diff --git a/frontend/src/components/Logs/RawLogView/styles.ts b/frontend/src/components/Logs/RawLogView/styles.ts
index 8e1394af89..4944d05f74 100644
--- a/frontend/src/components/Logs/RawLogView/styles.ts
+++ b/frontend/src/components/Logs/RawLogView/styles.ts
@@ -3,6 +3,8 @@ import { Col, Row, Space } from 'antd';
 import styled from 'styled-components';
 import { getActiveLogBackground, getDefaultLogBackground } from 'utils/logs';
 
+import { RawLogContentProps } from './types';
+
 export const RawLogViewContainer = styled(Row)<{
 	$isDarkMode: boolean;
 	$isReadOnly?: boolean;
@@ -31,13 +33,6 @@ export const ExpandIconWrapper = styled(Col)`
 	font-size: 12px;
 `;
 
-interface RawLogContentProps {
-	linesPerRow: number;
-	$isReadOnly?: boolean;
-	$isActiveLog?: boolean;
-	$isTextOverflowEllipsisDisabled?: boolean;
-}
-
 export const RawLogContent = styled.div<RawLogContentProps>`
 	margin-bottom: 0;
 	font-family: Fira Code, monospace;
diff --git a/frontend/src/components/Logs/RawLogView/types.ts b/frontend/src/components/Logs/RawLogView/types.ts
new file mode 100644
index 0000000000..2c70c0ddb2
--- /dev/null
+++ b/frontend/src/components/Logs/RawLogView/types.ts
@@ -0,0 +1,16 @@
+import { ILog } from 'types/api/logs/log';
+
+export interface RawLogViewProps {
+	isActiveLog?: boolean;
+	isReadOnly?: boolean;
+	isTextOverflowEllipsisDisabled?: boolean;
+	data: ILog;
+	linesPerRow: number;
+}
+
+export interface RawLogContentProps {
+	linesPerRow: number;
+	$isReadOnly?: boolean;
+	$isActiveLog?: boolean;
+	$isTextOverflowEllipsisDisabled?: boolean;
+}