diff --git a/react/src/components/ActiveAgents.tsx b/react/src/components/ActiveAgents.tsx
index d75b617aa0..eaf8c2d2c7 100644
--- a/react/src/components/ActiveAgents.tsx
+++ b/react/src/components/ActiveAgents.tsx
@@ -24,8 +24,7 @@ const ActiveAgents: React.FC<ActiveAgentsProps> = ({
       direction="column"
       align="stretch"
       style={{
-        paddingLeft: token.paddingXL,
-        paddingRight: token.paddingXL,
+        paddingInline: token.paddingXL,
         height: '100%',
       }}
     >
diff --git a/react/src/components/RecentlyCreatedSession.tsx b/react/src/components/RecentlyCreatedSession.tsx
index e9f35a89dd..7b18889885 100644
--- a/react/src/components/RecentlyCreatedSession.tsx
+++ b/react/src/components/RecentlyCreatedSession.tsx
@@ -63,8 +63,7 @@ const RecentlyCreatedSession: React.FC<RecentlyCreatedSessionProps> = ({
         direction="column"
         align="stretch"
         style={{
-          paddingLeft: token.paddingXL,
-          paddingRight: token.paddingXL,
+          paddingInline: token.paddingXL,
           height: '100%',
         }}
       >
diff --git a/react/src/components/SessionCountDashboardItem.tsx b/react/src/components/SessionCountDashboardItem.tsx
index 3e85e48c96..bc72e2a997 100644
--- a/react/src/components/SessionCountDashboardItem.tsx
+++ b/react/src/components/SessionCountDashboardItem.tsx
@@ -80,8 +80,7 @@ const SessionCountDashboardItem: React.FC<SessionCountDashboardItemProps> = ({
       direction="column"
       align="stretch"
       style={{
-        paddingLeft: token.paddingXL,
-        paddingRight: token.padding,
+        paddingInline: token.paddingXL,
         ...props.style,
       }}
       {..._.omit(props, ['style'])}