diff --git a/packages/ui/src/components/JobCard/Details/DetailsContent/JobLogs/JobLogs.module.css b/packages/ui/src/components/JobCard/Details/DetailsContent/JobLogs/JobLogs.module.css
index 137cbcbb..40164d49 100644
--- a/packages/ui/src/components/JobCard/Details/DetailsContent/JobLogs/JobLogs.module.css
+++ b/packages/ui/src/components/JobCard/Details/DetailsContent/JobLogs/JobLogs.module.css
@@ -3,13 +3,13 @@
   overflow: hidden;
   position: relative;
   background: #fff;
+  height: 100%;
 }
 
 .preWrapper {
   padding: 40px 0.5rem 0.5rem;
   max-height: 100%;
   overflow: auto;
-  height: 330px;
 }
 
 .preWrapper ol {
diff --git a/packages/ui/src/components/JobCard/JobCard.module.css b/packages/ui/src/components/JobCard/JobCard.module.css
index 7c694511..5e635b23 100644
--- a/packages/ui/src/components/JobCard/JobCard.module.css
+++ b/packages/ui/src/components/JobCard/JobCard.module.css
@@ -58,6 +58,7 @@
   display: flex;
   margin-top: 1rem;
   width: 100%;
+  overflow: hidden;
 }
 
 .sideInfo {
diff --git a/packages/ui/src/components/JobCard/JobCard.tsx b/packages/ui/src/components/JobCard/JobCard.tsx
index 36dd8ae0..f7ca7248 100644
--- a/packages/ui/src/components/JobCard/JobCard.tsx
+++ b/packages/ui/src/components/JobCard/JobCard.tsx
@@ -72,7 +72,7 @@ export const JobCard = ({
           )}
         </div>
 
-        <Collapsible.Content>
+        <Collapsible.Content asChild={true}>
           <div className={s.details}>
             <div className={s.sideInfo}>
               <Timeline job={job} status={status} />