diff --git a/examples/react-template/screens/Select.tsx b/examples/react-template/screens/Select.tsx
index 5132e3ed..1eddf008 100644
--- a/examples/react-template/screens/Select.tsx
+++ b/examples/react-template/screens/Select.tsx
@@ -1,5 +1,5 @@
-import { Button, Divider, Spacer, Title, TitleLevels } from '@trilogy-ds/react'
-import { IconName, Section, Select, SelectOption } from '@trilogy-ds/react/components'
+import { TitleLevels } from '@trilogy-ds/react'
+import { Button, Divider, IconName, Section, Select, SelectOption, Spacer, Title } from '@trilogy-ds/react/components'
 import * as React from 'react'
 
 export const SelectView = (): JSX.Element => {
diff --git a/packages/react/components/select/web/SelectDynamic.tsx b/packages/react/components/select/web/SelectDynamic.tsx
index 97d0a5ff..6b7558d6 100644
--- a/packages/react/components/select/web/SelectDynamic.tsx
+++ b/packages/react/components/select/web/SelectDynamic.tsx
@@ -172,7 +172,15 @@ const SelectDynamic = ({
   }, [focused, focusedIndex, children, isChecked])
 
   const modal = useMemo(
-    () => <div role='presentation' className='select-trilogy_modal_open' onClick={() => setIsFocused(false)} />,
+    () => (
+      <div
+        role='presentation'
+        className={hashClass(styled, clsx('select-trilogy_modal_open'))}
+        onClick={() => {
+          setIsFocused(false)
+        }}
+      />
+    ),
     [],
   )