diff --git a/src/css/tabs/osd.css b/src/css/tabs/osd.css
index 3439d344..473e20b6 100644
--- a/src/css/tabs/osd.css
+++ b/src/css/tabs/osd.css
@@ -435,17 +435,17 @@ button {
     left: calc(50% - 335px) !important; /* width / 2 + 17 */
 }
 
-.tab-osd .avatar_43_left {
+.tab-osd .hd_avatar_43_left {
 	border-left: 2px solid red;
 	position: absolute;
-	left: 60px;
+	left: 77.5px;
 	height: calc(100% - 27px);
 }
 
-.tab-osd .avatar_43_right {
+.tab-osd .hd_avatar_43_right {
 	border-right: 2px solid red;
 	position: absolute;
-	right: 60px;
+	right: 77.5px;
 	height: calc(100% - 27px);
 }
 
diff --git a/tabs/osd.js b/tabs/osd.js
index 81d2efb4..a062f31f 100644
--- a/tabs/osd.js
+++ b/tabs/osd.js
@@ -2704,6 +2704,8 @@ OSD.GUI.updateGuidesView = function(on) {
     $('.hd_43_margin_right').toggleClass('dji_hd_43_right', (isDJIWTF && on))
 
     isAvatar = OSD.constants.VIDEO_TYPES[OSD.data.preferences.video_system] == 'AVATAR';
+    $('.hd_43_margin_left').toggleClass('hd_avatar_43_left', (isAvatar && on))
+    $('.hd_43_margin_right').toggleClass('hd_avatar_43_right', (isAvatar && on))
     $('.hd_avatar_bottom_bar').toggleClass('hd_avatar_bottom', (isAvatar && on))
     $('.hd_avatar_storage_box_top').toggleClass('hd_avatar_storagebox_t', (isAvatar && on))
     $('.hd_avatar_storage_box_bottom').toggleClass('hd_avatar_storagebox_b', (isAvatar && on))