diff --git a/packages/site/src/components/ComputeControls.tsx b/packages/site/src/components/ComputeControls.tsx
index 7a6704f0f..68cc6e778 100644
--- a/packages/site/src/components/ComputeControls.tsx
+++ b/packages/site/src/components/ComputeControls.tsx
@@ -1,10 +1,8 @@
 import { Spinner } from './Spinner';
-import {
-  PlayCircleIcon,
-  ArrowPathIcon,
-  MinusCircleIcon,
-  ArrowTopRightOnSquareIcon,
-} from '@heroicons/react/24/outline';
+import PlayCircleIcon from '@heroicons/react/24/outline/PlayCircleIcon';
+import ArrowPathIcon from '@heroicons/react/24/outline/ArrowPathIcon';
+import MinusCircleIcon from '@heroicons/react/24/outline/MinusCircleIcon';
+import ArrowTopRightOnSquareIcon from '@heroicons/react/24/outline/ArrowTopRightOnSquareIcon';
 import classNames from 'classnames';
 import type { NotebookExecuteOptions } from 'thebe-react';
 import { useThebeServer } from 'thebe-react';
diff --git a/packages/site/src/components/EnableCompute.tsx b/packages/site/src/components/EnableCompute.tsx
index 33d4f173b..b8f90e03e 100644
--- a/packages/site/src/components/EnableCompute.tsx
+++ b/packages/site/src/components/EnableCompute.tsx
@@ -1,5 +1,5 @@
 import { useThebeCore, useThebeServer, useThebeSession } from 'thebe-react';
-import { PowerIcon } from '@heroicons/react/24/outline';
+import PowerIcon from '@heroicons/react/24/outline/PowerIcon';
 import { useHasNotebookProvider } from '@myst-theme/jupyter';
 import { useNavigation } from '@remix-run/react';
 import { useEffect, useState } from 'react';