diff --git a/static/app/views/insights/agents/components/aiSpanList.tsx b/static/app/views/insights/agents/components/aiSpanList.tsx
index 4e8b3bbabf8f58..c959afa51a12a8 100644
--- a/static/app/views/insights/agents/components/aiSpanList.tsx
+++ b/static/app/views/insights/agents/components/aiSpanList.tsx
@@ -9,7 +9,6 @@ import {IconChevron, IconCode, IconFire} from 'sentry/icons';
 import {IconBot} from 'sentry/icons/iconBot';
 import {IconSpeechBubble} from 'sentry/icons/iconSpeechBubble';
 import {IconTool} from 'sentry/icons/iconTool';
-import {space} from 'sentry/styles/space';
 import getDuration from 'sentry/utils/duration/getDuration';
 import {LLMCosts} from 'sentry/views/insights/agents/components/llmCosts';
 import {getIsAiRunNode} from 'sentry/views/insights/agents/utils/aiTraceNodes';
@@ -400,8 +399,8 @@ function hasError(node: AITraceSpanNode) {
 const TraceListContainer = styled('div')`
   display: flex;
   flex-direction: column;
-  gap: ${space(0.5)};
-  padding: ${space(0.25)};
+  gap: ${p => p.theme.space.xs};
+  padding: ${p => p.theme.space['2xs']};
   overflow: hidden;
 `;
 
@@ -412,7 +411,7 @@ const ListItemContainer = styled('div')<{
 }>`
   display: flex;
   align-items: center;
-  padding: ${space(1)} ${space(0.5)};
+  padding: ${p => p.theme.space.md} ${p => p.theme.space.xs};
   padding-left: ${p => (p.indent ? p.indent * 16 : 4)}px;
   border-radius: ${p => p.theme.borderRadius};
   cursor: pointer;
@@ -433,7 +432,7 @@ const ListItemContainer = styled('div')<{
 const ListItemIcon = styled('div')<{color: string}>`
   display: flex;
   align-items: center;
-  margin-right: ${space(1)};
+  margin-right: ${p => p.theme.space.md};
   color: ${p => p.color};
 `;
 
@@ -443,7 +442,7 @@ const ListItemContent = styled('div')`
 `;
 
 const ListItemHeader = styled(Flex)`
-  margin-bottom: ${space(0.5)};
+  margin-bottom: ${p => p.theme.space.xs};
 `;
 
 const ListItemTitle = styled('div')`
diff --git a/static/app/views/insights/agents/components/common.tsx b/static/app/views/insights/agents/components/common.tsx
index 03356f2944d56d..fc88c3dab5f569 100644
--- a/static/app/views/insights/agents/components/common.tsx
+++ b/static/app/views/insights/agents/components/common.tsx
@@ -1,11 +1,10 @@
 import styled from '@emotion/styled';
 
 import {Link} from 'sentry/components/core/link';
-import {space} from 'sentry/styles/space';
 
 export const GridEditableContainer = styled('div')`
   position: relative;
-  margin-bottom: ${space(1)};
+  margin-bottom: ${p => p.theme.space.md};
 `;
 
 export const LoadingOverlay = styled('div')`
diff --git a/static/app/views/insights/agents/components/drawer.tsx b/static/app/views/insights/agents/components/drawer.tsx
index 0de19a4dff5fbc..50827ce0ae067d 100644
--- a/static/app/views/insights/agents/components/drawer.tsx
+++ b/static/app/views/insights/agents/components/drawer.tsx
@@ -6,7 +6,6 @@ import EmptyMessage from 'sentry/components/emptyMessage';
 import {DrawerBody, DrawerHeader} from 'sentry/components/globalDrawer/components';
 import LoadingIndicator from 'sentry/components/loadingIndicator';
 import {t} from 'sentry/locale';
-import {space} from 'sentry/styles/space';
 import {trackAnalytics} from 'sentry/utils/analytics';
 import {decodeScalar} from 'sentry/utils/queryString';
 import useOrganization from 'sentry/utils/useOrganization';
@@ -221,7 +220,7 @@ const LeftPanel = styled('div')`
   flex: 1;
   min-width: ${LEFT_PANEL_WIDTH}px;
   min-height: 0;
-  padding: ${space(2)};
+  padding: ${p => p.theme.space.xl};
   border-right: 1px solid ${p => p.theme.border};
   overflow-y: auto;
   overflow-x: hidden;
@@ -252,7 +251,7 @@ const LoadingContainer = styled('div')`
 `;
 
 const StyledDrawerHeader = styled(DrawerHeader)`
-  padding: ${space(1)} ${space(2)};
+  padding: ${p => p.theme.space.md} ${p => p.theme.space.xl};
   display: flex;
 `;
 
@@ -266,5 +265,5 @@ const HeaderContent = styled('div')`
 const SpansHeader = styled('h6')`
   font-size: ${p => p.theme.fontSize.xl};
   font-weight: bold;
-  margin-bottom: ${space(2)};
+  margin-bottom: ${p => p.theme.space.xl};
 `;
diff --git a/static/app/views/insights/agents/components/tracesTable.tsx b/static/app/views/insights/agents/components/tracesTable.tsx
index 1d37a0e96625de..3d33274670ca11 100644
--- a/static/app/views/insights/agents/components/tracesTable.tsx
+++ b/static/app/views/insights/agents/components/tracesTable.tsx
@@ -14,7 +14,6 @@ import useStateBasedColumnResize from 'sentry/components/tables/gridEditable/use
 import TimeSince from 'sentry/components/timeSince';
 import {IconArrow} from 'sentry/icons';
 import {t} from 'sentry/locale';
-import {space} from 'sentry/styles/space';
 import {useLocation} from 'sentry/utils/useLocation';
 import {useNavigate} from 'sentry/utils/useNavigate';
 import useOrganization from 'sentry/utils/useOrganization';
@@ -325,7 +324,7 @@ const BodyCell = memo(function BodyCell({
 
 const GridEditableContainer = styled('div')`
   position: relative;
-  margin-bottom: ${space(1)};
+  margin-bottom: ${p => p.theme.space.md};
 `;
 
 const LoadingOverlay = styled('div')`
@@ -351,7 +350,7 @@ const HeadCell = styled('div')<{align: 'left' | 'right'}>`
   display: flex;
   flex: 1;
   align-items: center;
-  gap: ${space(0.5)};
+  gap: ${p => p.theme.space.xs};
   justify-content: ${p => (p.align === 'right' ? 'flex-end' : 'flex-start')};
 `;
 
diff --git a/static/app/views/insights/agents/views/onboarding.tsx b/static/app/views/insights/agents/views/onboarding.tsx
index 234bb9d0ca19da..9e919056b88d57 100644
--- a/static/app/views/insights/agents/views/onboarding.tsx
+++ b/static/app/views/insights/agents/views/onboarding.tsx
@@ -380,17 +380,17 @@ const EventWaitingIndicator = styled((p: React.HTMLAttributes<HTMLDivElement>) =
   display: flex;
   align-items: center;
   position: relative;
-  padding: 0 ${space(1)};
+  padding: 0 ${p => p.theme.space.md};
   z-index: 10;
-  gap: ${space(1)};
+  gap: ${p => p.theme.space.md};
   flex-grow: 1;
   font-size: ${p => p.theme.fontSize.md};
   color: ${p => p.theme.pink400};
-  padding-right: ${space(4)};
+  padding-right: ${p => p.theme.space['3xl']};
 `;
 
 const PulseSpacer = styled('div')`
-  height: ${space(4)};
+  height: ${p => p.theme.space['3xl']};
 `;
 
 const PulsingIndicator = styled('div')`
@@ -399,7 +399,7 @@ const PulsingIndicator = styled('div')`
 `;
 
 const SubTitle = styled('div')`
-  margin-bottom: ${space(1)};
+  margin-bottom: ${p => p.theme.space.md};
 `;
 
 const Title = styled('div')`
@@ -410,19 +410,19 @@ const Title = styled('div')`
 const BulletList = styled('ul')`
   list-style-type: disc;
   padding-left: 20px;
-  margin-bottom: ${space(2)};
+  margin-bottom: ${p => p.theme.space.xl};
 
   li {
-    margin-bottom: ${space(1)};
+    margin-bottom: ${p => p.theme.space.md};
   }
 `;
 
 const HeaderWrapper = styled('div')`
   display: flex;
   justify-content: space-between;
-  gap: ${space(3)};
+  gap: ${p => p.theme.space['2xl']};
   border-radius: ${p => p.theme.borderRadius};
-  padding: ${space(4)};
+  padding: ${p => p.theme.space['3xl']};
 `;
 
 const HeaderText = styled('div')`
@@ -436,11 +436,11 @@ const HeaderText = styled('div')`
 const BodyTitle = styled('div')`
   font-size: ${p => p.theme.fontSize.xl};
   font-weight: ${p => p.theme.fontWeight.bold};
-  margin-bottom: ${space(1)};
+  margin-bottom: ${p => p.theme.space.md};
 `;
 
 const Setup = styled('div')`
-  padding: ${space(4)};
+  padding: ${p => p.theme.space['3xl']};
 
   &:after {
     content: '';
@@ -453,7 +453,7 @@ const Setup = styled('div')`
 `;
 
 const Preview = styled('div')`
-  padding: ${space(4)};
+  padding: ${p => p.theme.space['3xl']};
 `;
 
 const Body = styled('div')`
@@ -470,7 +470,7 @@ const Body = styled('div')`
 const Arcade = styled('iframe')`
   width: 750px;
   max-width: 100%;
-  margin-top: ${space(3)};
+  margin-top: ${p => p.theme.space['2xl']};
   height: 522px;
   border: 0;
 `;