diff --git a/src/assets/img/uavBackred-big.png b/src/assets/img/uavBackred-big.png
index 28f133a..344ba53 100644
Binary files a/src/assets/img/uavBackred-big.png and b/src/assets/img/uavBackred-big.png differ
diff --git a/src/assets/img/uavBackred.png b/src/assets/img/uavBackred.png
new file mode 100644
index 0000000..9ca3b23
Binary files /dev/null and b/src/assets/img/uavBackred.png differ
diff --git a/src/views/contentData/LeftSidebar/index.vue b/src/views/contentData/LeftSidebar/index.vue
index a7f0140..cc0c668 100644
--- a/src/views/contentData/LeftSidebar/index.vue
+++ b/src/views/contentData/LeftSidebar/index.vue
@@ -23,6 +23,11 @@
             class="details-one"
             v-if="droneStates[drone.BatchId]"
             @click="handleDroneClick(drone)"
+            :style="{
+              backgroundImage: !drone.IsWhitelist
+                ? `url(${require('@/assets/img/uavBackred.png')})`
+                : `url(${require('@/assets/img/uavBackfff.png')})`
+            }"
           >
             <div class="top">
               <div class="left">
@@ -46,7 +51,16 @@
               </div>
             </div>
           </div>
-          <div class="details-all" v-else @click="handleDroneClick(drone)">
+          <div
+            class="details-all"
+            v-else
+            @click="handleDroneClick(drone)"
+            :style="{
+              backgroundImage: !drone.IsWhitelist
+                ? `url(${require('@/assets/img/uavBackred-big.png')})`
+                : `url(${require('@/assets/img/uavBackfff-big.png')})`
+            }"
+          >
             <div class="top">
               <div class="left">
                 {{ index < 9 ? "0" + (index + 1) : index + 1 }}