diff --git a/console/client/src/features/timeline/TimelineCall.tsx b/console/client/src/features/timeline/TimelineCall.tsx
index 7031b184ef..e7d14a33f3 100644
--- a/console/client/src/features/timeline/TimelineCall.tsx
+++ b/console/client/src/features/timeline/TimelineCall.tsx
@@ -1,10 +1,10 @@
+import {ArrowSmallRightIcon} from '@heroicons/react/20/solid'
 import {ArrowRightOnRectangleIcon} from '@heroicons/react/24/outline'
 import {Call} from '../../protos/xyz/block/ftl/v1/console/console_pb'
 import {formatDuration, formatTimestamp} from '../../utils/date.utils'
-import {panelColor, textColor} from '../../utils/style.utils'
 import {classNames} from '../../utils/react.utils'
+import {panelColor, textColor} from '../../utils/style.utils'
 import {verbRefString} from '../verbs/verb.utils'
-import {ArrowSmallRightIcon} from '@heroicons/react/20/solid'
 
 type Props = {
   call: Call
@@ -26,7 +26,7 @@ export const TimelineCall: React.FC<Props> = ({call, selected}) => {
       </div>
       <div
         className={classNames(
-          `relative flex gap-x-4 flex-auto w-full max-w-full p-1.5 `,
+          `relative flex gap-x-4 flex-auto w-full max-w-full`,
           selected && 'bg-indigo-600 rounded-md'
         )}
       >
diff --git a/console/client/src/features/timeline/TimelineDeployment.tsx b/console/client/src/features/timeline/TimelineDeployment.tsx
index 7c8b2d402b..79f3086e7e 100644
--- a/console/client/src/features/timeline/TimelineDeployment.tsx
+++ b/console/client/src/features/timeline/TimelineDeployment.tsx
@@ -5,8 +5,8 @@ import {
   DeploymentEventType,
 } from '../../protos/xyz/block/ftl/v1/console/console_pb'
 import {formatTimestamp} from '../../utils/date.utils'
-import {panelColor, textColor} from '../../utils/style.utils'
 import {classNames} from '../../utils/react.utils'
+import {panelColor, textColor} from '../../utils/style.utils'
 
 type Props = {
   deployment: Deployment
@@ -44,7 +44,7 @@ export const TimelineDeployment: React.FC<Props> = ({
       </div>
       <div
         className={classNames(
-          `relative flex gap-x-4 flex-auto w-full max-w-full p-1.5 `,
+          `relative flex gap-x-4 flex-auto w-full max-w-full px-1 py-0.5`,
           selected && 'bg-indigo-600 rounded-md'
         )}
       >
diff --git a/console/client/src/features/timeline/TimelineLog.tsx b/console/client/src/features/timeline/TimelineLog.tsx
index 6c3cbea26b..bb06e32ce2 100644
--- a/console/client/src/features/timeline/TimelineLog.tsx
+++ b/console/client/src/features/timeline/TimelineLog.tsx
@@ -30,7 +30,7 @@ export const TimelineLog: React.FC<Props> = ({log, selected}) => {
       </div>
       <div
         className={classNames(
-          `relative flex gap-x-4 flex-auto w-full max-w-full p-1.5 `,
+          `relative flex gap-x-4 flex-auto w-full max-w-full px-1 py-0.5`,
           selected && 'bg-indigo-600 rounded-md'
         )}
       >
@@ -44,7 +44,7 @@ export const TimelineLog: React.FC<Props> = ({log, selected}) => {
 
         <time
           dateTime={formatTimestamp(log.timeStamp)}
-          className={`flex-none  text-xs leading-5 ${
+          className={`flex-none text-xs leading-5 ${
             selected ? 'text-gray-50' : 'text-gray-500'
           }`}
         >