diff --git a/package.json b/package.json
index 3ffdc1ee136d1..8b3e2ded2711b 100644
--- a/package.json
+++ b/package.json
@@ -35,7 +35,7 @@
     "x-default-browser": "^0.5.2"
   },
   "devDependencies": {
-    "prettier": "^2.5.0",
+    "prettier": "^3.2.5",
     "typescript": "^5.3.2"
   },
   "workspaces": {
diff --git a/web/packages/design/src/AnimatedProgressBar/AnimatedProgressBar.tsx b/web/packages/design/src/AnimatedProgressBar/AnimatedProgressBar.tsx
index 5b0310bb6283b..522d54e13e459 100644
--- a/web/packages/design/src/AnimatedProgressBar/AnimatedProgressBar.tsx
+++ b/web/packages/design/src/AnimatedProgressBar/AnimatedProgressBar.tsx
@@ -57,7 +57,8 @@ const Bar = styled.span`
   border-bottom-left-radius: 20px;
   background-color: ${props => props.theme.colors.brand};
 
-  box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3),
+  box-shadow:
+    inset 0 2px 9px rgba(255, 255, 255, 0.3),
     inset 0 -2px 6px rgba(0, 0, 0, 0.4);
   position: relative;
   overflow: hidden;
diff --git a/web/packages/shared/components/AnimatedTerminal/TerminalContent.tsx b/web/packages/shared/components/AnimatedTerminal/TerminalContent.tsx
index a6c121469df8a..3795bc976fd57 100644
--- a/web/packages/shared/components/AnimatedTerminal/TerminalContent.tsx
+++ b/web/packages/shared/components/AnimatedTerminal/TerminalContent.tsx
@@ -264,7 +264,12 @@ export const TerminalContentContainer = styled.div`
 
 export const TerminalCode = styled.div`
   font-size: 12px;
-  font-family: Menlo, DejaVu Sans Mono, Consolas, Lucida Console, monospace;
+  font-family:
+    Menlo,
+    DejaVu Sans Mono,
+    Consolas,
+    Lucida Console,
+    monospace;
   line-height: 20px;
   white-space: pre-wrap;
   margin: 10px 16px;
diff --git a/web/packages/shared/components/Select/types.ts b/web/packages/shared/components/Select/types.ts
index 1a19d086aab77..a4a8c40fc31e7 100644
--- a/web/packages/shared/components/Select/types.ts
+++ b/web/packages/shared/components/Select/types.ts
@@ -97,7 +97,7 @@ export type ActionMeta = {
  */
 export type CustomSelectComponentProps<
   CustomProps,
-  CustomOption = Option
+  CustomOption = Option,
 > = CustomOption & {
   /**
    * selectProps is the field to use to access the props that were
diff --git a/web/packages/shared/components/UnifiedResources/shared/PinButton.tsx b/web/packages/shared/components/UnifiedResources/shared/PinButton.tsx
index f1e382ebf35ca..c89e4dd9d3b00 100644
--- a/web/packages/shared/components/UnifiedResources/shared/PinButton.tsx
+++ b/web/packages/shared/components/UnifiedResources/shared/PinButton.tsx
@@ -62,7 +62,9 @@ export function PinButton({
       className={className}
       css={`
         visibility: ${shouldShowButton ? 'visible' : 'hidden'};
-        transition: color 0.3s, background 0.3s;
+        transition:
+          color 0.3s,
+          background 0.3s;
       `}
     >
       {tipContent && shouldShowButton ? (
diff --git a/web/packages/shared/components/Window/WindowComponents.tsx b/web/packages/shared/components/Window/WindowComponents.tsx
index ec0ea158f7762..fb127b49dd027 100644
--- a/web/packages/shared/components/Window/WindowComponents.tsx
+++ b/web/packages/shared/components/Window/WindowComponents.tsx
@@ -58,7 +58,12 @@ export const WindowContentContainer = styled.div`
 
 export const WindowCode = styled.div`
   font-size: 12px;
-  font-family: Menlo, DejaVu Sans Mono, Consolas, Lucida Console, monospace;
+  font-family:
+    Menlo,
+    DejaVu Sans Mono,
+    Consolas,
+    Lucida Console,
+    monospace;
   line-height: 20px;
   white-space: pre-wrap;
 `;
diff --git a/web/packages/shared/hooks/useRefClickOutside/useRefClickOutside.ts b/web/packages/shared/hooks/useRefClickOutside/useRefClickOutside.ts
index 3dbf9cacec1d2..b5e2b5a493d31 100644
--- a/web/packages/shared/hooks/useRefClickOutside/useRefClickOutside.ts
+++ b/web/packages/shared/hooks/useRefClickOutside/useRefClickOutside.ts
@@ -26,7 +26,7 @@ import { MutableRefObject, useEffect, useRef, useCallback } from 'react';
  * events to be ignored.
  */
 export function useRefClickOutside<
-  T extends { contains(eventTarget: HTMLElement): boolean }
+  T extends { contains(eventTarget: HTMLElement): boolean },
 >(options: { open: boolean; setOpen(b: boolean): void }): MutableRefObject<T> {
   const ref = useRef<T>();
   const { setOpen, open } = options;
diff --git a/web/packages/teleport/src/AccessRequests/LockedAccessRequests/LockedAccessRequests.tsx b/web/packages/teleport/src/AccessRequests/LockedAccessRequests/LockedAccessRequests.tsx
index d9996131ec0d7..7841ba15b34ab 100644
--- a/web/packages/teleport/src/AccessRequests/LockedAccessRequests/LockedAccessRequests.tsx
+++ b/web/packages/teleport/src/AccessRequests/LockedAccessRequests/LockedAccessRequests.tsx
@@ -94,7 +94,7 @@ export function LockedAccessRequests() {
               transform: translate(-50%, 50%);
               @media screen and (max-width: 800px) {
                 min-width: 100%;
-              } ;
+              }
             `}
           >
             {CTAButton}
diff --git a/web/packages/teleport/src/Assist/Assist.tsx b/web/packages/teleport/src/Assist/Assist.tsx
index 9988755de0516..dcb88ea833b22 100644
--- a/web/packages/teleport/src/Assist/Assist.tsx
+++ b/web/packages/teleport/src/Assist/Assist.tsx
@@ -200,7 +200,8 @@ const AssistContainer = styled.div`
     0
   );
   animation: forwards ${slideIn} 0.5s cubic-bezier(0.33, 1, 0.68, 1);
-  transition: width 0.5s cubic-bezier(0.33, 1, 0.68, 1),
+  transition:
+    width 0.5s cubic-bezier(0.33, 1, 0.68, 1),
     height 0.5s cubic-bezier(0.33, 1, 0.68, 1);
   background: ${p => p.theme.colors.levels.popout};
   border-radius: var(--assist-border-radius);
diff --git a/web/packages/teleport/src/Assist/Conversation/EntryContainer.tsx b/web/packages/teleport/src/Assist/Conversation/EntryContainer.tsx
index b6dba0ea9ab8e..ae6a0864f3d11 100644
--- a/web/packages/teleport/src/Assist/Conversation/EntryContainer.tsx
+++ b/web/packages/teleport/src/Assist/Conversation/EntryContainer.tsx
@@ -61,7 +61,8 @@ const Content = styled.div`
   background: var(--content-background);
   color: var(--content-color);
   border-radius: var(--content-border-radius);
-  box-shadow: 0 6px 12px -2px rgba(50, 50, 93, 0.05),
+  box-shadow:
+    0 6px 12px -2px rgba(50, 50, 93, 0.05),
     0 3px 7px -3px rgba(0, 0, 0, 0.1);
   max-width: 90%;
   border: 1px solid ${p => p.theme.colors.spotBackground[1]};
diff --git a/web/packages/teleport/src/Assist/Settings/DisplaySettings.tsx b/web/packages/teleport/src/Assist/Settings/DisplaySettings.tsx
index b5de12fc92543..26dd9a4b1f066 100644
--- a/web/packages/teleport/src/Assist/Settings/DisplaySettings.tsx
+++ b/web/packages/teleport/src/Assist/Settings/DisplaySettings.tsx
@@ -149,8 +149,10 @@ const PageNavigation = styled.div`
   background: ${p => p.theme.colors.levels.surface};
   flex: 0 0 45px;
   height: inherit;
-  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2),
-    0px 1px 1px rgba(0, 0, 0, 0.14), 0px 1px 3px rgba(0, 0, 0, 0.12);
+  box-shadow:
+    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
+    0px 1px 1px rgba(0, 0, 0, 0.14),
+    0px 1px 3px rgba(0, 0, 0, 0.12);
 `;
 
 const NavigationLogo = styled.div`
@@ -189,8 +191,10 @@ const PageTable = styled.div`
   width: 100%;
   height: 40px;
   border-radius: 3px;
-  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.1),
-    0px 1px 1px rgba(0, 0, 0, 0.07), 0px 1px 3px rgba(0, 0, 0, 0.06);
+  box-shadow:
+    0px 2px 1px -1px rgba(0, 0, 0, 0.1),
+    0px 1px 1px rgba(0, 0, 0, 0.07),
+    0px 1px 3px rgba(0, 0, 0, 0.06);
 `;
 
 function MockPage() {
diff --git a/web/packages/teleport/src/Assist/context/AssistContext.tsx b/web/packages/teleport/src/Assist/context/AssistContext.tsx
index badc1838bc3bf..41ad956e80a9e 100644
--- a/web/packages/teleport/src/Assist/context/AssistContext.tsx
+++ b/web/packages/teleport/src/Assist/context/AssistContext.tsx
@@ -272,9 +272,8 @@ export function AssistContextProvider(props: PropsWithChildren<unknown>) {
 
     setupWebSocket(conversationId);
 
-    const serverMessages = await service.loadConversationMessages(
-      conversationId
-    );
+    const serverMessages =
+      await service.loadConversationMessages(conversationId);
     const messages: ResolvedServerMessage[] = [];
 
     for (const message of serverMessages) {
@@ -313,9 +312,8 @@ export function AssistContextProvider(props: PropsWithChildren<unknown>) {
         loading: true,
       });
 
-      const serverMessages = await service.loadConversationMessages(
-        conversationId
-      );
+      const serverMessages =
+        await service.loadConversationMessages(conversationId);
       const messages: ResolvedServerMessage[] = [];
 
       for (const message of serverMessages) {
diff --git a/web/packages/teleport/src/Assist/markdown.ts b/web/packages/teleport/src/Assist/markdown.ts
index 87275960a47f2..d4c7f64593e75 100644
--- a/web/packages/teleport/src/Assist/markdown.ts
+++ b/web/packages/teleport/src/Assist/markdown.ts
@@ -302,8 +302,14 @@ export const markdownCSS = css`
   kbd {
     display: inline-block;
     padding: 3px 5px;
-    font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas,
-      Liberation Mono, monospace;
+    font:
+      11px ui-monospace,
+      SFMono-Regular,
+      SF Mono,
+      Menlo,
+      Consolas,
+      Liberation Mono,
+      monospace;
     line-height: 10px;
     color: var(--color-fg-default);
     vertical-align: middle;
@@ -392,16 +398,28 @@ export const markdownCSS = css`
   tt,
   code,
   samp {
-    font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas,
-      Liberation Mono, monospace;
+    font-family:
+      ui-monospace,
+      SFMono-Regular,
+      SF Mono,
+      Menlo,
+      Consolas,
+      Liberation Mono,
+      monospace;
     font-size: 12px;
   }
 
   pre {
     margin-top: 0;
     margin-bottom: 0;
-    font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas,
-      Liberation Mono, monospace;
+    font-family:
+      ui-monospace,
+      SFMono-Regular,
+      SF Mono,
+      Menlo,
+      Consolas,
+      Liberation Mono,
+      monospace;
     font-size: 12px;
     word-wrap: normal;
   }
diff --git a/web/packages/teleport/src/Assist/types.ts b/web/packages/teleport/src/Assist/types.ts
index e9abfeca3297e..5412a339c41ad 100644
--- a/web/packages/teleport/src/Assist/types.ts
+++ b/web/packages/teleport/src/Assist/types.ts
@@ -52,7 +52,7 @@ export interface GetConversationsResponse {
       id: string;
       title?: string;
       created_time: string;
-    }
+    },
   ];
 }
 
diff --git a/web/packages/teleport/src/AuthConnectors/styles/AuthConnectors.styles.ts b/web/packages/teleport/src/AuthConnectors/styles/AuthConnectors.styles.ts
index e4f3b90972c64..708e96a1121b2 100644
--- a/web/packages/teleport/src/AuthConnectors/styles/AuthConnectors.styles.ts
+++ b/web/packages/teleport/src/AuthConnectors/styles/AuthConnectors.styles.ts
@@ -36,7 +36,7 @@ export const MobileDescription = styled(Text)`
   margin-bottom: ${p => p.theme.space[3]}px;
   @media screen and (min-width: ${p => p.theme.breakpoints.tablet}px) {
     display: none;
-  } ;
+  }
 `;
 
 export const DesktopDescription = styled(Box)`
@@ -46,12 +46,12 @@ export const DesktopDescription = styled(Box)`
   flex-shrink: 0;
   @media screen and (max-width: ${p => p.theme.breakpoints.tablet}px) {
     display: none;
-  } ;
+  }
 `;
 
 export const ResponsiveAddButton = styled(ButtonPrimary)`
   width: 240px;
   @media screen and (max-width: ${p => p.theme.breakpoints.tablet}px) {
     width: 100%;
-  } ;
+  }
 `;
diff --git a/web/packages/teleport/src/AuthConnectors/styles/LockedFeatureContainer.styles.ts b/web/packages/teleport/src/AuthConnectors/styles/LockedFeatureContainer.styles.ts
index aac1845c64984..d2e0aa5e3c82c 100644
--- a/web/packages/teleport/src/AuthConnectors/styles/LockedFeatureContainer.styles.ts
+++ b/web/packages/teleport/src/AuthConnectors/styles/LockedFeatureContainer.styles.ts
@@ -36,5 +36,5 @@ export const LockedFeatureButton = styled(ButtonLockedFeature)`
   @media screen and (max-width: ${props => props.theme.breakpoints.tablet}px) {
     width: 100%;
     right: 1px;
-  } ;
+  }
 `;
diff --git a/web/packages/teleport/src/DeviceTrust/DeviceTrustLocked.tsx b/web/packages/teleport/src/DeviceTrust/DeviceTrustLocked.tsx
index c183e35b74545..a6072c3c56d0f 100644
--- a/web/packages/teleport/src/DeviceTrust/DeviceTrustLocked.tsx
+++ b/web/packages/teleport/src/DeviceTrust/DeviceTrustLocked.tsx
@@ -173,7 +173,9 @@ const StyledMessageContainer = styled(Flex)`
   padding: 24px;
   gap: 24px;
   width: 600px;
-  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
-    0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+  box-shadow:
+    0 5px 5px -3px rgba(0, 0, 0, 0.2),
+    0 8px 10px 1px rgba(0, 0, 0, 0.14),
+    0 3px 14px 2px rgba(0, 0, 0, 0.12);
   border-radius: 8px;
 `;
diff --git a/web/packages/teleport/src/Discover/Database/CreateDatabase/useCreateDatabase.ts b/web/packages/teleport/src/Discover/Database/CreateDatabase/useCreateDatabase.ts
index 776c5b95257b8..25be60f8cb7b9 100644
--- a/web/packages/teleport/src/Discover/Database/CreateDatabase/useCreateDatabase.ts
+++ b/web/packages/teleport/src/Discover/Database/CreateDatabase/useCreateDatabase.ts
@@ -210,9 +210,8 @@ export function useCreateDatabase() {
     // database service. If there is no active database service,
     // user is led to the next step.
     try {
-      const { services } = await ctx.databaseService.fetchDatabaseServices(
-        clusterId
-      );
+      const { services } =
+        await ctx.databaseService.fetchDatabaseServices(clusterId);
 
       if (!findActiveDatabaseSvc(db.labels, services)) {
         updateAgentMeta({
diff --git a/web/packages/teleport/src/Discover/Desktop/DiscoverDesktops/ProxyDesktopServiceDiagram.tsx b/web/packages/teleport/src/Discover/Desktop/DiscoverDesktops/ProxyDesktopServiceDiagram.tsx
index cea10eeac5cf5..8448a2ceeefe2 100644
--- a/web/packages/teleport/src/Discover/Desktop/DiscoverDesktops/ProxyDesktopServiceDiagram.tsx
+++ b/web/packages/teleport/src/Discover/Desktop/DiscoverDesktops/ProxyDesktopServiceDiagram.tsx
@@ -28,7 +28,12 @@ import {
 import { ProxyServerIcon } from './Server';
 
 const NodeHostname = styled.div`
-  font-family: Menlo, DejaVu Sans Mono, Consolas, Lucida Console, monospace;
+  font-family:
+    Menlo,
+    DejaVu Sans Mono,
+    Consolas,
+    Lucida Console,
+    monospace;
   font-size: 12px;
   color: ${props => props.theme.colors.text.primary};
   max-width: 184px;
diff --git a/web/packages/teleport/src/Discover/Desktop/DiscoverDesktops/WindowsComputer.tsx b/web/packages/teleport/src/Discover/Desktop/DiscoverDesktops/WindowsComputer.tsx
index 90eba8989e239..dc9261515d048 100644
--- a/web/packages/teleport/src/Discover/Desktop/DiscoverDesktops/WindowsComputer.tsx
+++ b/web/packages/teleport/src/Discover/Desktop/DiscoverDesktops/WindowsComputer.tsx
@@ -43,7 +43,12 @@ const SuccessMessage = styled.div`
 const SuccessTick = styled.span`
   margin-right: 5px;
   font-size: 14px;
-  font-family: Menlo, DejaVu Sans Mono, Consolas, Lucida Console, monospace;
+  font-family:
+    Menlo,
+    DejaVu Sans Mono,
+    Consolas,
+    Lucida Console,
+    monospace;
 `;
 
 const Application = styled.div`
@@ -143,7 +148,12 @@ const ComputerOSVersion = styled.div`
 `;
 
 const ComputerAddress = styled.div`
-  font-family: Menlo, DejaVu Sans Mono, Consolas, Lucida Console, monospace;
+  font-family:
+    Menlo,
+    DejaVu Sans Mono,
+    Consolas,
+    Lucida Console,
+    monospace;
   font-size: 13px;
   color: rgba(0, 0, 0, 0.8);
 `;
diff --git a/web/packages/teleport/src/Discover/Shared/HintBox.tsx b/web/packages/teleport/src/Discover/Shared/HintBox.tsx
index 28f3693ec2ac8..1af6796aa7342 100644
--- a/web/packages/teleport/src/Discover/Shared/HintBox.tsx
+++ b/web/packages/teleport/src/Discover/Shared/HintBox.tsx
@@ -29,7 +29,7 @@ const HintBoxContainer = styled(Box).attrs(props => ({
   background-color: ${props => props.theme.colors.spotBackground[0]};
   padding: ${props => `${props.theme.space[3]}px`};
   border-radius: ${props => `${props.theme.space[2]}px`};
-  border: 2px solid ${props => props.theme.colors.warning.main}; ;
+  border: 2px solid ${props => props.theme.colors.warning.main};
 `;
 
 export const WaitingInfo = styled(Box)`
diff --git a/web/packages/teleport/src/Navigation/Navigation.tsx b/web/packages/teleport/src/Navigation/Navigation.tsx
index c64f8fcd9c29e..a35139f7fcec0 100644
--- a/web/packages/teleport/src/Navigation/Navigation.tsx
+++ b/web/packages/teleport/src/Navigation/Navigation.tsx
@@ -45,8 +45,10 @@ const NavigationContainer = styled.div`
   position: relative;
   display: flex;
   flex-direction: column;
-  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2),
-    0px 1px 1px rgba(0, 0, 0, 0.14), 0px 1px 3px rgba(0, 0, 0, 0.12);
+  box-shadow:
+    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
+    0px 1px 1px rgba(0, 0, 0, 0.14),
+    0px 1px 3px rgba(0, 0, 0, 0.12);
 `;
 
 const CategoriesContainer = styled.div`
diff --git a/web/packages/teleport/src/Navigation/NavigationSection.tsx b/web/packages/teleport/src/Navigation/NavigationSection.tsx
index 561465a53b9f7..b0380b6df0145 100644
--- a/web/packages/teleport/src/Navigation/NavigationSection.tsx
+++ b/web/packages/teleport/src/Navigation/NavigationSection.tsx
@@ -35,7 +35,8 @@ const Title = styled.h3`
   line-height: 14px;
   color: ${props => props.theme.colors.text.slightlyMuted};
   margin-left: 32px;
-  transition: transform 0.3s cubic-bezier(0.19, 1, 0.22, 1),
+  transition:
+    transform 0.3s cubic-bezier(0.19, 1, 0.22, 1),
     opacity 0.15s ease-in;
   will-change: transform;
   margin-top: 33px;
diff --git a/web/packages/teleport/src/Navigation/NavigationSwitcher.tsx b/web/packages/teleport/src/Navigation/NavigationSwitcher.tsx
index 24bb2d7b29e4d..a52db1336cfe1 100644
--- a/web/packages/teleport/src/Navigation/NavigationSwitcher.tsx
+++ b/web/packages/teleport/src/Navigation/NavigationSwitcher.tsx
@@ -74,7 +74,9 @@ const Dropdown = styled.div<OpenProps>`
   opacity: ${p => (p.open ? 1 : 0)};
   visibility: ${p => (p.open ? 'visible' : 'hidden')};
   transform-origin: top center;
-  transition: opacity 0.2s ease, visibility 0.2s ease,
+  transition:
+    opacity 0.2s ease,
+    visibility 0.2s ease,
     transform 0.3s cubic-bezier(0.45, 0.6, 0.5, 1.25);
   transform: translate3d(0, ${p => (p.open ? '12px' : 0)}, 0);
 `;
@@ -87,7 +89,9 @@ const DropdownItem = styled.div<ActiveProps & OpenProps>`
   box-sizing: border-box;
   cursor: pointer;
   opacity: ${p => (p.open ? 1 : 0)};
-  transition: transform 0.3s ease, opacity 0.7s ease;
+  transition:
+    transform 0.3s ease,
+    opacity 0.7s ease;
   transform: translate3d(0, ${p => (p.open ? 0 : '-10px')}, 0);
 
   &:hover,
diff --git a/web/packages/teleport/src/Player/ProgressBar/ProgressBar.tsx b/web/packages/teleport/src/Player/ProgressBar/ProgressBar.tsx
index 53448282c7e8c..32fe8b97f96dc 100644
--- a/web/packages/teleport/src/Player/ProgressBar/ProgressBar.tsx
+++ b/web/packages/teleport/src/Player/ProgressBar/ProgressBar.tsx
@@ -173,7 +173,9 @@ const StyledProgessBar = styled.div`
   .grv-slider .handle {
     background-color: ${props => props.theme.colors.text.main};
     border-radius: 200px;
-    box-shadow: 0 0 4px rgba(0, 0, 0, 0.12), 0 4px 4px rgba(0, 0, 0, 0.24);
+    box-shadow:
+      0 0 4px rgba(0, 0, 0, 0.12),
+      0 4px 4px rgba(0, 0, 0, 0.24);
     width: 16px;
     height: 16px;
     left: -8px;
diff --git a/web/packages/teleport/src/components/Dropdown/Dropdown.tsx b/web/packages/teleport/src/components/Dropdown/Dropdown.tsx
index e4d701a3b5bf6..1b91cb2edceb2 100644
--- a/web/packages/teleport/src/components/Dropdown/Dropdown.tsx
+++ b/web/packages/teleport/src/components/Dropdown/Dropdown.tsx
@@ -39,7 +39,9 @@ export const Dropdown = styled.div<OpenProps>`
   opacity: ${p => (p.open ? 1 : 0)};
   visibility: ${p => (p.open ? 'visible' : 'hidden')};
   transform-origin: top right;
-  transition: opacity 0.2s ease, visibility 0.2s ease,
+  transition:
+    opacity 0.2s ease,
+    visibility 0.2s ease,
     transform 0.3s cubic-bezier(0.45, 0.6, 0.5, 1.25);
   transform: ${p =>
     p.open ? 'scale(1) translate(0, 12px)' : 'scale(.8) translate(0, 4px)'};
@@ -53,7 +55,9 @@ export const DropdownItem = styled.div`
   border-radius: ${p => p.theme.radii[2]}px;
   margin-bottom: ${p => p.theme.space[1]}px;
   opacity: ${p => (p.open ? 1 : 0)};
-  transition: transform 0.3s ease, opacity 0.7s ease;
+  transition:
+    transform 0.3s ease,
+    opacity 0.7s ease;
   transform: translate3d(${p => (p.open ? 0 : '20px')}, 0, 0);
   transition-delay: ${p => p.$transitionDelay}ms;
 
diff --git a/web/packages/teleport/src/lib/term/terminal.ts b/web/packages/teleport/src/lib/term/terminal.ts
index 6db112bc4d33a..a15c2b094db01 100644
--- a/web/packages/teleport/src/lib/term/terminal.ts
+++ b/web/packages/teleport/src/lib/term/terminal.ts
@@ -50,7 +50,10 @@ export default class TtyTerminal {
   _webglAddon: WebglAddon;
   _canvasAddon = new CanvasAddon();
 
-  constructor(tty: Tty, private options: Options) {
+  constructor(
+    tty: Tty,
+    private options: Options
+  ) {
     const { el, scrollBack, fontFamily, fontSize } = options;
     this._el = el;
     this._fontFamily = fontFamily || undefined;
diff --git a/web/packages/teleport/src/services/audit/types.ts b/web/packages/teleport/src/services/audit/types.ts
index 0171205b36d04..7bbdbeff2080a 100644
--- a/web/packages/teleport/src/services/audit/types.ts
+++ b/web/packages/teleport/src/services/audit/types.ts
@@ -1464,7 +1464,7 @@ export type RawEvents = {
 /**
  * Event Code
  */
-export type EventCode = typeof eventCodes[keyof typeof eventCodes];
+export type EventCode = (typeof eventCodes)[keyof typeof eventCodes];
 
 type HasName = {
   name: string;
diff --git a/web/packages/teleport/src/services/integrations/types.ts b/web/packages/teleport/src/services/integrations/types.ts
index 1c96adbf2a16f..6ea9926d9f600 100644
--- a/web/packages/teleport/src/services/integrations/types.ts
+++ b/web/packages/teleport/src/services/integrations/types.ts
@@ -35,7 +35,7 @@ import { Node } from '../nodes';
 export type Integration<
   T extends string = 'integration',
   K extends string = IntegrationKind,
-  S extends Record<string, any> = IntegrationSpecAwsOidc
+  S extends Record<string, any> = IntegrationSpecAwsOidc,
 > = {
   resourceType: T;
   kind: K;
diff --git a/web/packages/teleterm/src/services/tshd/middleware.test.ts b/web/packages/teleterm/src/services/tshd/middleware.test.ts
index 43ea8ce6ac218..61d45525c873e 100644
--- a/web/packages/teleterm/src/services/tshd/middleware.test.ts
+++ b/web/packages/teleterm/src/services/tshd/middleware.test.ts
@@ -34,7 +34,7 @@ it('do not log sensitive info like password', () => {
     () =>
       ({
         sendMessageWithContext: () => {},
-      } as unknown as InterceptingCall)
+      }) as unknown as InterceptingCall
   );
 
   loggingMiddleware.sendMessage({
diff --git a/web/packages/teleterm/src/types.ts b/web/packages/teleterm/src/types.ts
index 9fb790624a8e1..b7b6facf9233a 100644
--- a/web/packages/teleterm/src/types.ts
+++ b/web/packages/teleterm/src/types.ts
@@ -57,7 +57,7 @@ export type SubscribeToTshdEvent = <
   RpcHandlerServerCall extends Parameters<RpcHandler>[0],
   RpcHandlerRequestObject extends ReturnType<
     RpcHandlerServerCall['request']['toObject']
-  >
+  >,
 >(
   eventName: RpcName,
   listener: (eventData: {
diff --git a/web/packages/teleterm/src/ui/ConnectMyComputer/DocumentConnectMyComputer/Setup.tsx b/web/packages/teleterm/src/ui/ConnectMyComputer/DocumentConnectMyComputer/Setup.tsx
index 481bff177a8bf..3acd8b8973ad4 100644
--- a/web/packages/teleterm/src/ui/ConnectMyComputer/DocumentConnectMyComputer/Setup.tsx
+++ b/web/packages/teleterm/src/ui/ConnectMyComputer/DocumentConnectMyComputer/Setup.tsx
@@ -232,9 +232,8 @@ function AgentSetup() {
             let certsReloaded = false;
 
             try {
-              const response = await ctx.connectMyComputerService.createRole(
-                rootClusterUri
-              );
+              const response =
+                await ctx.connectMyComputerService.createRole(rootClusterUri);
               certsReloaded = response.certsReloaded;
             } catch (error) {
               if (isAccessDeniedError(error)) {
diff --git a/web/packages/teleterm/src/ui/ConnectMyComputer/NavigationMenu.tsx b/web/packages/teleterm/src/ui/ConnectMyComputer/NavigationMenu.tsx
index 0e1f59749fc24..dac3343203145 100644
--- a/web/packages/teleterm/src/ui/ConnectMyComputer/NavigationMenu.tsx
+++ b/web/packages/teleterm/src/ui/ConnectMyComputer/NavigationMenu.tsx
@@ -94,12 +94,10 @@ export function NavigationMenu() {
         anchorOrigin={{ vertical: 'bottom', horizontal: 'left' }}
         transformOrigin={{ vertical: 'top', horizontal: 'left' }}
         onClose={() => setIsMenuOpened(false)}
-        menuListCss={() =>
-          css`
-            display: flex;
-            flex-direction: column;
-          `
-        }
+        menuListCss={() => css`
+          display: flex;
+          flex-direction: column;
+        `}
       >
         {isAgentConfiguredAttempt.status === 'processing' && (
           <Indicator
diff --git a/web/packages/teleterm/src/ui/ConnectMyComputer/connectMyComputerContext.tsx b/web/packages/teleterm/src/ui/ConnectMyComputer/connectMyComputerContext.tsx
index c78c007acc23f..af0606c5e2e52 100644
--- a/web/packages/teleterm/src/ui/ConnectMyComputer/connectMyComputerContext.tsx
+++ b/web/packages/teleterm/src/ui/ConnectMyComputer/connectMyComputerContext.tsx
@@ -273,9 +273,10 @@ export const ConnectMyComputerContextProvider: FC<
     const { rootClusterId } = routing.parseClusterUri(rootClusterUri).params;
     let nodeName: string;
     try {
-      nodeName = await connectMyComputerService.getConnectMyComputerNodeName(
-        rootClusterUri
-      );
+      nodeName =
+        await connectMyComputerService.getConnectMyComputerNodeName(
+          rootClusterUri
+        );
     } catch (error) {
       if (isNotFoundError(error)) {
         return;
diff --git a/web/packages/teleterm/src/ui/DocumentTerminal/DocumentTerminal.tsx b/web/packages/teleterm/src/ui/DocumentTerminal/DocumentTerminal.tsx
index 27c7de61232c5..1bd38794e8d9d 100644
--- a/web/packages/teleterm/src/ui/DocumentTerminal/DocumentTerminal.tsx
+++ b/web/packages/teleterm/src/ui/DocumentTerminal/DocumentTerminal.tsx
@@ -74,9 +74,8 @@ export function DocumentTerminal(props: {
           }
           transferHandlers={{
             getDownloader: async (sourcePath, abortController) => {
-              const fileDialog = await ctx.mainProcessClient.showFileSaveDialog(
-                sourcePath
-              );
+              const fileDialog =
+                await ctx.mainProcessClient.showFileSaveDialog(sourcePath);
               if (fileDialog.canceled) {
                 return;
               }
diff --git a/web/packages/teleterm/src/ui/DocumentTerminal/Terminal/Terminal.tsx b/web/packages/teleterm/src/ui/DocumentTerminal/Terminal/Terminal.tsx
index c83b1fcc2e21d..f41de8fa3cea4 100644
--- a/web/packages/teleterm/src/ui/DocumentTerminal/Terminal/Terminal.tsx
+++ b/web/packages/teleterm/src/ui/DocumentTerminal/Terminal/Terminal.tsx
@@ -51,9 +51,8 @@ type TerminalProps = {
 export function Terminal(props: TerminalProps) {
   const refElement = useRef<HTMLElement>();
   const refCtrl = useRef<XTermCtrl>();
-  const [startPtyProcessAttempt, setStartPtyProcessAttempt] = useState<
-    Attempt<void>
-  >(makeEmptyAttempt());
+  const [startPtyProcessAttempt, setStartPtyProcessAttempt] =
+    useState<Attempt<void>>(makeEmptyAttempt());
   const theme = useTheme();
 
   useEffect(() => {
diff --git a/web/packages/teleterm/src/ui/DocumentTerminal/Terminal/ctrl.ts b/web/packages/teleterm/src/ui/DocumentTerminal/Terminal/ctrl.ts
index b3213c9e97c62..72f535074cc8d 100644
--- a/web/packages/teleterm/src/ui/DocumentTerminal/Terminal/ctrl.ts
+++ b/web/packages/teleterm/src/ui/DocumentTerminal/Terminal/ctrl.ts
@@ -39,7 +39,10 @@ export default class TtyTerminal {
   private logger = new Logger('lib/term/terminal');
   private removePtyProcessOnDataListener: () => void;
 
-  constructor(private ptyProcess: IPtyProcess, private options: Options) {
+  constructor(
+    private ptyProcess: IPtyProcess,
+    private options: Options
+  ) {
     this.el = options.el;
     this.term = null;
 
diff --git a/web/packages/teleterm/src/ui/Search/searchResult.ts b/web/packages/teleterm/src/ui/Search/searchResult.ts
index 8348ecc258063..a8a4363f645f6 100644
--- a/web/packages/teleterm/src/ui/Search/searchResult.ts
+++ b/web/packages/teleterm/src/ui/Search/searchResult.ts
@@ -21,7 +21,7 @@ import type * as resourcesServiceTypes from 'teleterm/ui/services/resources';
 import type { SharedUnifiedResource } from 'shared/components/UnifiedResources';
 
 type ResourceSearchResultBase<
-  Result extends resourcesServiceTypes.SearchResult
+  Result extends resourcesServiceTypes.SearchResult,
 > = Result & {
   labelMatches: LabelMatch[];
   resourceMatches: ResourceMatch<Result['kind']>[];
@@ -73,7 +73,7 @@ export type LabelMatch = {
 };
 
 export type ResourceMatch<Kind extends ResourceSearchResult['kind']> = {
-  field: typeof searchableFields[Kind][number];
+  field: (typeof searchableFields)[Kind][number];
   searchTerm: string;
 };
 
diff --git a/web/packages/teleterm/src/ui/TabHost/TabHost.test.tsx b/web/packages/teleterm/src/ui/TabHost/TabHost.test.tsx
index 61a21a92d7a5a..91a9fb2d65126 100644
--- a/web/packages/teleterm/src/ui/TabHost/TabHost.test.tsx
+++ b/web/packages/teleterm/src/ui/TabHost/TabHost.test.tsx
@@ -79,7 +79,7 @@ function getTestSetup({ documents }: { documents: Document[] }) {
 
   const mainProcessClient: Partial<MainProcessClient> = {
     openTabContextMenu: jest.fn(),
-    getRuntimeSettings: () => ({} as RuntimeSettings),
+    getRuntimeSettings: () => ({}) as RuntimeSettings,
   };
 
   const docsService: Partial<DocumentsService> = {
diff --git a/web/packages/teleterm/src/ui/Tabs/TabItem.tsx b/web/packages/teleterm/src/ui/Tabs/TabItem.tsx
index 53bdd8a119360..c535e2f8f94d4 100644
--- a/web/packages/teleterm/src/ui/Tabs/TabItem.tsx
+++ b/web/packages/teleterm/src/ui/Tabs/TabItem.tsx
@@ -179,7 +179,9 @@ const Title = styled(Text)`
 `;
 
 const BottomShadow = styled.div`
-  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1.5px rgba(0, 0, 0, 0.13),
+  box-shadow:
+    0 2px 1px -1px rgba(0, 0, 0, 0.2),
+    0 1px 1.5px rgba(0, 0, 0, 0.13),
     0 1px 4px rgba(0, 0, 0, 0.12);
   position: absolute;
   bottom: 0;
diff --git a/web/packages/teleterm/src/ui/services/resources/resourcesService.ts b/web/packages/teleterm/src/ui/services/resources/resourcesService.ts
index ac9352eca9d71..906881beac30b 100644
--- a/web/packages/teleterm/src/ui/services/resources/resourcesService.ts
+++ b/web/packages/teleterm/src/ui/services/resources/resourcesService.ts
@@ -184,7 +184,7 @@ export type SearchResultResource<Kind extends SearchResult['kind']> =
   Kind extends 'server'
     ? SearchResultServer['resource']
     : Kind extends 'database'
-    ? SearchResultDatabase['resource']
-    : Kind extends 'kube'
-    ? SearchResultKube['resource']
-    : never;
+      ? SearchResultDatabase['resource']
+      : Kind extends 'kube'
+        ? SearchResultKube['resource']
+        : never;
diff --git a/web/packages/teleterm/src/ui/services/workspacesService/workspacesService.test.ts b/web/packages/teleterm/src/ui/services/workspacesService/workspacesService.test.ts
index 1415bf526313a..c7d5d3380a56c 100644
--- a/web/packages/teleterm/src/ui/services/workspacesService/workspacesService.test.ts
+++ b/web/packages/teleterm/src/ui/services/workspacesService/workspacesService.test.ts
@@ -156,9 +156,8 @@ describe('setActiveWorkspace', () => {
       persistedWorkspaces: {},
     });
 
-    const { isAtDesiredWorkspace } = await workspacesService.setActiveWorkspace(
-      '/clusters/foo'
-    );
+    const { isAtDesiredWorkspace } =
+      await workspacesService.setActiveWorkspace('/clusters/foo');
 
     expect(isAtDesiredWorkspace).toBe(false);
     expect(workspacesService.getRootClusterUri()).toBeUndefined();
@@ -244,7 +243,7 @@ function getTestSetup(options: {
         }
         return clusterDocument;
       },
-    } as Partial<DocumentsService> as DocumentsService);
+    }) as Partial<DocumentsService> as DocumentsService;
 
   return { workspacesService, clusterDocument, modalsService };
 }
diff --git a/yarn.lock b/yarn.lock
index 9d01d23d912e6..948a80aaa4ffd 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -13532,10 +13532,10 @@ prelude-ls@~1.1.2:
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.3.0.tgz#b6a5bf1284026ae640f17f7ff5658a7567fc0d18"
   integrity sha512-kXtO4s0Lz/DW/IJ9QdWhAf7/NmPWQXkFr/r/WkR3vyI+0v8amTDxiaQSLzs8NBlytfLWX/7uQUMIW677yLKl4w==
 
-prettier@^2.5.0:
-  version "2.5.0"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.5.0.tgz#a6370e2d4594e093270419d9cc47f7670488f893"
-  integrity sha512-FM/zAKgWTxj40rH03VxzIPdXmj39SwSjwG0heUcNFwI+EMZJnY93yAiKXM3dObIKAM5TA88werc8T/EwhB45eg==
+prettier@^3.2.5:
+  version "3.2.5"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.2.5.tgz#e52bc3090586e824964a8813b09aba6233b28368"
+  integrity sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A==
 
 pretty-error@^2.1.1:
   version "2.1.2"