diff --git a/frontend-tools/video-editor/.vscode/settings.json b/frontend-tools/video-editor/.vscode/settings.json
new file mode 100644
index 00000000..13734cb4
--- /dev/null
+++ b/frontend-tools/video-editor/.vscode/settings.json
@@ -0,0 +1,5 @@
+{
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.formatOnSave": true,
+  "prettier.configPath": ".prettierrc"
+}
diff --git a/frontend-tools/video-editor/client/src/components/TimelineControls.tsx b/frontend-tools/video-editor/client/src/components/TimelineControls.tsx
index f93def4a..3bf7e6fe 100644
--- a/frontend-tools/video-editor/client/src/components/TimelineControls.tsx
+++ b/frontend-tools/video-editor/client/src/components/TimelineControls.tsx
@@ -2878,8 +2878,8 @@ const TimelineControls = ({
                     isPlayingSegments
                       ? "Disabled during preview"
                       : isPlaying
-                      ? "Pause playback"
-                      : "Play from current position"
+                        ? "Pause playback"
+                        : "Play from current position"
                   }
                   style={{
                     userSelect: "none",
@@ -3142,8 +3142,8 @@ const TimelineControls = ({
                     isPlayingSegments
                       ? "Disabled during preview"
                       : availableSegmentDuration < 0.5
-                      ? "Not enough space for new segment"
-                      : "Create new segment"
+                        ? "Not enough space for new segment"
+                        : "Create new segment"
                   }
                   disabled={availableSegmentDuration < 0.5 || isPlayingSegments}
                   onClick={async (e) => {
@@ -3735,8 +3735,8 @@ const TimelineControls = ({
                     isPlayingSegments
                       ? "Disabled during preview"
                       : isPlaying
-                      ? "Pause playback"
-                      : "Play from here until next segment"
+                        ? "Pause playback"
+                        : "Play from here until next segment"
                   }
                   style={{
                     userSelect: "none",
diff --git a/frontend-tools/video-editor/client/src/styles/TimelineControls.css b/frontend-tools/video-editor/client/src/styles/TimelineControls.css
index 2fe198b2..ac38e61d 100644
--- a/frontend-tools/video-editor/client/src/styles/TimelineControls.css
+++ b/frontend-tools/video-editor/client/src/styles/TimelineControls.css
@@ -612,7 +612,9 @@
       white-space: nowrap;
       opacity: 0;
       visibility: hidden;
-      transition: opacity 0.2s, visibility 0.2s;
+      transition:
+        opacity 0.2s,
+        visibility 0.2s;
       z-index: 1000;
       pointer-events: none;
     }
@@ -628,7 +630,9 @@
       border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;
       opacity: 0;
       visibility: hidden;
-      transition: opacity 0.2s, visibility 0.2s;
+      transition:
+        opacity 0.2s,
+        visibility 0.2s;
       pointer-events: none;
     }
 
diff --git a/frontend-tools/video-editor/package.json b/frontend-tools/video-editor/package.json
index c5c5c002..6da3b785 100644
--- a/frontend-tools/video-editor/package.json
+++ b/frontend-tools/video-editor/package.json
@@ -36,6 +36,7 @@
     "autoprefixer": "^10.4.20",
     "esbuild": "^0.25.0",
     "postcss": "^8.4.47",
+    "prettier": "^3.6.0",
     "tailwindcss": "^3.4.17",
     "typescript": "^5.8.3",
     "vite": "^5.4.18"
diff --git a/frontend-tools/video-editor/yarn.lock b/frontend-tools/video-editor/yarn.lock
index 1ac7c43e..b4347cd5 100644
--- a/frontend-tools/video-editor/yarn.lock
+++ b/frontend-tools/video-editor/yarn.lock
@@ -1834,6 +1834,11 @@ postcss@^8.4.43, postcss@^8.4.47:
     picocolors "^1.1.1"
     source-map-js "^1.2.1"
 
+prettier@^3.6.0:
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.6.0.tgz#18ec98d62cb0757a5d4eab40253ff3e6d0fc8dea"
+  integrity sha512-ujSB9uXHJKzM/2GBuE0hBOUgC77CN3Bnpqa+g80bkv3T3A93wL/xlzDATHhnhkzifz/UE2SNOvmbTz5hSkDlHw==
+
 proxy-addr@~2.0.7:
   version "2.0.7"
   resolved "https://registry.yarnpkg.com/proxy-addr/-/proxy-addr-2.0.7.tgz#f19fe69ceab311eeb94b42e70e8c2070f9ba1025"
@@ -2087,6 +2092,7 @@ statuses@2.0.1:
   integrity sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==
 
 "string-width-cjs@npm:string-width@^4.2.0", string-width@^4.1.0:
+  name string-width-cjs
   version "4.2.3"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
   integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
@@ -2105,6 +2111,7 @@ string-width@^5.0.1, string-width@^5.1.2:
     strip-ansi "^7.0.1"
 
 "strip-ansi-cjs@npm:strip-ansi@^6.0.1", strip-ansi@^6.0.0, strip-ansi@^6.0.1:
+  name strip-ansi-cjs
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
   integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==