diff --git a/src/assets/defaults.ts b/src/assets/defaults.ts
index 334fe6fd9..ad5ccbeaa 100644
--- a/src/assets/defaults.ts
+++ b/src/assets/defaults.ts
@@ -53,7 +53,7 @@ export const widgetProfiles: { [key: string]: Profile } = {
           {
             hash: '6920ce40-5121-4031-b628-678c5449d94a',
             name: 'HUD Compass',
-            component: WidgetType.HudCompass,
+            component: WidgetType.CompassHUD,
             position: { x: 0.15, y: 0.84 },
             size: { width: 0.7, height: 0.065 },
             managerVars: {
diff --git a/src/components/widgets/HudCompass.vue b/src/components/widgets/CompassHUD.vue
similarity index 100%
rename from src/components/widgets/HudCompass.vue
rename to src/components/widgets/CompassHUD.vue
diff --git a/src/types/widgets.ts b/src/types/widgets.ts
index 340723c76..698e7dbfa 100644
--- a/src/types/widgets.ts
+++ b/src/types/widgets.ts
@@ -8,7 +8,7 @@ export enum WidgetType {
   Attitude = 'Attitude',
   Compass = 'Compass',
   DepthHUD = 'DepthHUD',
-  HudCompass = 'HudCompass',
+  CompassHUD = 'CompassHUD',
   ImageViewer = 'ImageViewer',
   Indicators = 'Indicators',
   Joystick = 'Joystick',
diff --git a/src/views/WidgetsView.vue b/src/views/WidgetsView.vue
index d26b33ad8..c610cb9cc 100644
--- a/src/views/WidgetsView.vue
+++ b/src/views/WidgetsView.vue
@@ -18,8 +18,8 @@
           <template v-if="widget.component === WidgetType.DepthHUD">
             <DepthHUD :widget="widget" />
           </template>
-          <template v-if="widget.component === WidgetType.HudCompass">
-            <HudCompass :widget="widget" />
+          <template v-if="widget.component === WidgetType.CompassHUD">
+            <CompassHUD :widget="widget" />
           </template>
           <template v-if="widget.component === WidgetType.ImageViewer">
             <ImageView :widget="widget" />
@@ -65,8 +65,8 @@ import SnappingGrid from '../components/SnappingGrid.vue'
 import WidgetHugger from '../components/WidgetHugger.vue'
 import Attitude from '../components/widgets/Attitude.vue'
 import Compass from '../components/widgets/Compass.vue'
+import CompassHUD from '../components/widgets/CompassHUD.vue'
 import DepthHUD from '../components/widgets/DepthHUD.vue'
-import HudCompass from '../components/widgets/HudCompass.vue'
 import Indicators from '../components/widgets/Indicators.vue'
 import Map from '../components/widgets/Map.vue'
 import MiniWidgetsBar from '../components/widgets/MiniWidgetsBar.vue'