diff --git a/assets/css/elevator_v2.scss b/assets/css/elevator_v2.scss
index 937785947..6c470d510 100644
--- a/assets/css/elevator_v2.scss
+++ b/assets/css/elevator_v2.scss
@@ -2,6 +2,8 @@
 @import "colors";
 @import "v2/elevator/elevator_closures";
 @import "v2/elevator/normal";
+@import "v2/simulation_common";
+@import "v2/lcd_common/simulation";
 
 body {
   margin: 0;
diff --git a/assets/src/apps/v2/elevator.tsx b/assets/src/apps/v2/elevator.tsx
index 79314a54a..4a28ce6fe 100644
--- a/assets/src/apps/v2/elevator.tsx
+++ b/assets/src/apps/v2/elevator.tsx
@@ -15,6 +15,7 @@ import ScreenPage from "Components/v2/screen_page";
 import { MappingContext } from "Components/v2/widget";
 import MultiScreenPage from "Components/v2/multi_screen_page";
 import ElevatorClosures from "Components/v2/elevator/elevator_closures";
+import SimulationScreenPage from "Components/v2/simulation_screen_page";
 
 const TYPE_TO_COMPONENT = {
   normal: NormalScreen,
@@ -29,11 +30,22 @@ const App = (): JSX.Element => {
         <Route exact path="/v2/screen/elevator_v2">
           <MultiScreenPage components={TYPE_TO_COMPONENT} />
         </Route>
-        <Route path="/v2/screen/:id">
+        <Route exact path="/v2/screen/:id">
           <MappingContext.Provider value={TYPE_TO_COMPONENT}>
             <ScreenPage />
           </MappingContext.Provider>
         </Route>
+        <Route
+          exact
+          path={[
+            "/v2/screen/:id/simulation",
+            "/v2/screen/pending/:id/simulation",
+          ]}
+        >
+          <MappingContext.Provider value={TYPE_TO_COMPONENT}>
+            <SimulationScreenPage />
+          </MappingContext.Provider>
+        </Route>
       </Switch>
     </Router>
   );