diff --git a/src/Editor/Ghost.Editor/View/Controls/DockLayout.cs b/src/Editor/Ghost.Editor/View/Controls/DockLayout.cs
index 60e6848..eaf4191 100644
--- a/src/Editor/Ghost.Editor/View/Controls/DockLayout.cs
+++ b/src/Editor/Ghost.Editor/View/Controls/DockLayout.cs
@@ -12,6 +12,7 @@ namespace Ghost.Editor.View.Controls;
 /// A control that renders a docking layout tree.
 /// </summary>
 [TemplatePart(Name = PART_ROOT_GRID, Type = typeof(Grid))]
+[TemplatePart(Name = PART_DROP_TARGET_OVERLAY, Type = typeof(Border))]
 public sealed partial class DockLayout : Control
 {
     private const string PART_ROOT_GRID = "PART_RootGrid";
@@ -22,7 +23,7 @@ public sealed partial class DockLayout : Control
     private Border? _dropTargetOverlay;
     private readonly HashSet<DockNode> _subscribedNodes = new();
 
-    public enum DockPosition { Center, Top, Bottom, Left, Right, None }
+    internal enum DockPosition { Center, Top, Bottom, Left, Right, None }
 
     public DockLayout()
     {
diff --git a/src/Editor/Ghost.Editor/View/Controls/DockLayout.xaml b/src/Editor/Ghost.Editor/View/Controls/DockLayout.xaml
index c67f56c..880efde 100644
--- a/src/Editor/Ghost.Editor/View/Controls/DockLayout.xaml
+++ b/src/Editor/Ghost.Editor/View/Controls/DockLayout.xaml
@@ -10,8 +10,9 @@
                     <Grid>
                         <Grid x:Name="PART_RootGrid" Background="{ThemeResource ApplicationPageBackgroundThemeBrush}" />
                         <Border x:Name="PART_DropTargetOverlay" 
-                                Background="#660078D4" 
-                                BorderBrush="#FF0078D4" 
+                                Background="{ThemeResource SystemControlHighlightAccentBrush}" 
+                                Opacity="0.4"
+                                BorderBrush="{ThemeResource SystemControlHighlightAccentBrush}" 
                                 BorderThickness="2" 
                                 Visibility="Collapsed" 
                                 IsHitTestVisible="False" />