diff --git a/frontend/app/components/Dashboard/components/DashboardModal/DashboardModal.tsx b/frontend/app/components/Dashboard/components/DashboardModal/DashboardModal.tsx
index 575cb7de8..d19556857 100644
--- a/frontend/app/components/Dashboard/components/DashboardModal/DashboardModal.tsx
+++ b/frontend/app/components/Dashboard/components/DashboardModal/DashboardModal.tsx
@@ -38,7 +38,7 @@ function DashboardModal(props) {
     return useObserver(() => (
         <div
             className="fixed border-r shadow p-4 h-screen"
-            style={{ backgroundColor: '#FAFAFA', zIndex: '999', width: '85%', maxWidth: '1300px' }}
+            style={{ backgroundColor: '#FAFAFA', zIndex: 999, width: '85%', maxWidth: '1300px' }}
         >
             <div className="mb-6 flex items-end justify-between">
                 <div>
diff --git a/frontend/app/components/Modal/ModalOverlay.tsx b/frontend/app/components/Modal/ModalOverlay.tsx
index 4dad0ec61..ef46024e1 100644
--- a/frontend/app/components/Modal/ModalOverlay.tsx
+++ b/frontend/app/components/Modal/ModalOverlay.tsx
@@ -6,7 +6,7 @@ function ModalOverlay({ children }) {
     let modal = useModal();
  
     return (
-        <div className="fixed w-full h-screen" style={{ zIndex: '999' }}>
+        <div className="fixed w-full h-screen" style={{ zIndex: 999 }}>
             <div
                 onClick={() => modal.hideModal()}
                 className={stl.overlay}
diff --git a/frontend/app/components/Session_/Player/Controls/DraggableCircle.tsx b/frontend/app/components/Session_/Player/Controls/DraggableCircle.tsx
index f4ebd6abf..385707879 100644
--- a/frontend/app/components/Session_/Player/Controls/DraggableCircle.tsx
+++ b/frontend/app/components/Session_/Player/Controls/DraggableCircle.tsx
@@ -19,7 +19,7 @@ function getStyles(
         // because IE will ignore our custom "empty image" drag preview.
         opacity: isDragging ? 0 : 1,
         height: isDragging ? 0 : '',
-        zIndex: '99',
+        zIndex: 99,
         cursor: 'move'
     }
 }