diff --git a/src/assets/ERU.png b/src/assets/ERU.png
index 454167d..20e21df 100644
Binary files a/src/assets/ERU.png and b/src/assets/ERU.png differ
diff --git a/src/components/FlightComponents/Airspeed.vue b/src/components/FlightComponents/Airspeed.vue
index cc222ed..c601349 100644
--- a/src/components/FlightComponents/Airspeed.vue
+++ b/src/components/FlightComponents/Airspeed.vue
@@ -27,7 +27,6 @@ export  default {
         display: flex;
         flex-direction: column;
         align-items: center;
-        border: 1px solid black;
     }
 
 </style>
\ No newline at end of file
diff --git a/src/components/FlightComponents/Altimeter.vue b/src/components/FlightComponents/Altimeter.vue
index 5a2e448..8ddcd89 100644
--- a/src/components/FlightComponents/Altimeter.vue
+++ b/src/components/FlightComponents/Altimeter.vue
@@ -27,7 +27,6 @@ export  default {
         display: flex;
         flex-direction: column;
         align-items: center;
-        border: 1px solid black;
     }
 
 </style>
\ No newline at end of file
diff --git a/src/components/FlightComponents/Altitude.vue b/src/components/FlightComponents/Altitude.vue
index b32c11f..8461ffa 100644
--- a/src/components/FlightComponents/Altitude.vue
+++ b/src/components/FlightComponents/Altitude.vue
@@ -29,6 +29,5 @@ export  default {
         display: flex;
         flex-direction: column;
         align-items: center;
-        border: 1px solid black;
     }
 </style>
\ No newline at end of file
diff --git a/src/views/CamFocus.vue b/src/views/CamFocus.vue
index 085576c..c8be387 100644
--- a/src/views/CamFocus.vue
+++ b/src/views/CamFocus.vue
@@ -1,5 +1,7 @@
 <script setup lang="ts">
-
+import Airspeed from "../components/FlightComponents/Airspeed.vue";
+import Altimeter from "../components/FlightComponents/Altimeter.vue";
+import Altitude from "../components/FlightComponents/Altitude.vue";
 import Camera from "../components/Camera.vue";
 import { useRoute } from 'vue-router';
 const route = useRoute();
@@ -17,7 +19,19 @@ const cameraID = Number(route.params.id); // Assuming we're using camera Number
         </div>
     </div>
 
-    <div class="vehicle-info-container"></div>
+  <div class="vehicle-info-container">
+    <div class="flight-indicator">
+        <Altitude :pitch=2 :roll=10></Altitude>
+    </div>
+
+    <div class="flight-indicator">
+        <Altimeter :altitude=200></Altimeter>
+    </div>
+
+    <div class="flight-indicator">
+        <Airspeed :airspeed=100></Airspeed>
+    </div>
+  </div>
 </div>
 </template>
   
@@ -52,8 +66,18 @@ const cameraID = Number(route.params.id); // Assuming we're using camera Number
     cursor: pointer;
   }
   .vehicle-info-container {
+    display: flex;
+    flex-direction: column;
+    gap: 1%;
     height: 100%; 
     width: 25%;
     /* background-color: pink; */
 }
+.flight-indicator{
+    position: relative;
+    width: 45%;
+    border: 1px solid black;
+    padding-bottom: 2%;
+}
+
 </style>
\ No newline at end of file