diff --git a/src/components/molecules/NavBar.tsx b/src/components/molecules/NavBar.tsx
index be4818df..bc4222e2 100644
--- a/src/components/molecules/NavBar.tsx
+++ b/src/components/molecules/NavBar.tsx
@@ -141,19 +141,30 @@ export const NavBar: React.FC<NavBarProps> = ({ recordingName, isRecording }) =>
                         </Tabs>
                         {tab === 0 && (
                           <Box>
-                            <div style={{ background: 'gray', marginLeft: '30px'}}>
-                              git pull origin main
+                            <div style={{ marginLeft: '30px'}}>
+                              <p>Run the commands below</p>
+                              # pull latest changes
+                              <br />
+                              git pull origin master
+                              <br />
+                              # install dependencies
                               <br />
                               npm install
                               <br />
+                              # start maxun
+                              <br />
                               npm run start
                             </div>
                           </Box>
                         )}
                         {tab === 1 && (
                           <Box>
-                             <div style={{ background: 'gray', marginLeft: '30px'}}>
-                              docker pull getmaxun/maxun:latest
+                             <div style={{ marginLeft: '30px'}}>
+                             <p>Run the commands below</p>
+                              # pull latest docker images
+                              <br />
+                              docker-compose pull
+                              # start maxun
                               <br />
                               docker-compose up -d
                             </div>