diff --git a/frontend/src/component/events/EventLog/EventLog.tsx b/frontend/src/component/events/EventLog/EventLog.tsx
index dd096134ae..41dde17000 100644
--- a/frontend/src/component/events/EventLog/EventLog.tsx
+++ b/frontend/src/component/events/EventLog/EventLog.tsx
@@ -1,4 +1,4 @@
-import { Switch, FormControlLabel, useMediaQuery, Box } from '@mui/material';
+import { Switch, FormControlLabel, useMediaQuery } from '@mui/material';
 import EventJson from 'component/events/EventJson/EventJson';
 import { PageContent } from 'component/common/PageContent/PageContent';
 import { PageHeader } from 'component/common/PageHeader/PageHeader';
@@ -17,7 +17,6 @@ interface IEventLogProps {
     title: string;
     project?: string;
     feature?: string;
-    displayInline?: boolean;
 }
 
 const StyledEventsList = styled('ul')(({ theme }) => ({
@@ -28,12 +27,7 @@ const StyledEventsList = styled('ul')(({ theme }) => ({
     gap: theme.spacing(2),
 }));
 
-export const EventLog = ({
-    title,
-    project,
-    feature,
-    displayInline,
-}: IEventLogProps) => {
+export const EventLog = ({ title, project, feature }: IEventLogProps) => {
     const [query, setQuery] = useState('');
     const { events, totalEvents, fetchNextPage } = useEventSearch(
         project,
@@ -74,8 +68,6 @@ export const EventLog = ({
 
     return (
         <PageContent
-            disablePadding={displayInline}
-            disableBorder={displayInline}
             header={
                 <PageHeader
                     title={`${title} (${countText})`}
@@ -90,14 +82,13 @@ export const EventLog = ({
                 </PageHeader>
             }
         >
-            {displayInline && <Box sx={{ mt: 4 }} />}
             <ConditionallyRender
                 condition={Boolean(cache && cache.length === 0)}
-                show={() => <p>No events found.</p>}
+                show={<p>No events found.</p>}
             />
             <ConditionallyRender
                 condition={Boolean(cache && cache.length > 0)}
-                show={() => (
+                show={
                     <StyledEventsList>
                         {cache?.map((entry) => (
                             <ConditionallyRender
@@ -108,7 +99,7 @@ export const EventLog = ({
                             />
                         ))}
                     </StyledEventsList>
-                )}
+                }
             />
             <div ref={fetchNextPageRef} />
         </PageContent>
diff --git a/frontend/src/component/feature/FeatureView/FeatureLog/FeatureLog.tsx b/frontend/src/component/feature/FeatureView/FeatureLog/FeatureLog.tsx
index 0f83dcd3a6..31b1c946db 100644
--- a/frontend/src/component/feature/FeatureView/FeatureLog/FeatureLog.tsx
+++ b/frontend/src/component/feature/FeatureView/FeatureLog/FeatureLog.tsx
@@ -1,13 +1,6 @@
 import { useFeature } from 'hooks/api/getters/useFeature/useFeature';
 import { useRequiredPathParam } from 'hooks/useRequiredPathParam';
 import { EventLog } from 'component/events/EventLog/EventLog';
-import { styled } from '@mui/material';
-
-const StyledContainer = styled('div')(({ theme }) => ({
-    borderRadius: theme.spacing(1.5),
-    backgroundColor: theme.palette.background.paper,
-    padding: theme.spacing(4),
-}));
 
 const FeatureLog = () => {
     const projectId = useRequiredPathParam('projectId');
@@ -18,11 +11,7 @@ const FeatureLog = () => {
         return null;
     }
 
-    return (
-        <StyledContainer>
-            <EventLog title='Event log' feature={featureId} displayInline />
-        </StyledContainer>
-    );
+    return <EventLog title='Event log' feature={featureId} />;
 };
 
 export default FeatureLog;
diff --git a/frontend/src/component/project/Project/ProjectLog/ProjectLog.tsx b/frontend/src/component/project/Project/ProjectLog/ProjectLog.tsx
index 37aa5e2922..d28b7d4567 100644
--- a/frontend/src/component/project/Project/ProjectLog/ProjectLog.tsx
+++ b/frontend/src/component/project/Project/ProjectLog/ProjectLog.tsx
@@ -1,19 +1,8 @@
 import { EventLog } from 'component/events/EventLog/EventLog';
 import { useRequiredPathParam } from 'hooks/useRequiredPathParam';
-import { styled } from '@mui/material';
-
-const StyledDiv = styled('div')(({ theme }) => ({
-    borderRadius: '12.5px',
-    backgroundColor: theme.palette.background.paper,
-    padding: '2rem',
-}));
 
 export const ProjectLog = () => {
     const projectId = useRequiredPathParam('projectId');
 
-    return (
-        <StyledDiv>
-            <EventLog title='Event Log' project={projectId} displayInline />
-        </StyledDiv>
-    );
+    return <EventLog title='Event Log' project={projectId} />;
 };