diff --git a/src/views/tools/add_background/add_background.vue b/src/views/tools/add_background/add_background.vue
index e1dc7e4..b4e7652 100644
--- a/src/views/tools/add_background/add_background.vue
+++ b/src/views/tools/add_background/add_background.vue
@@ -2290,13 +2290,14 @@ const removeHistoryItem = (index: number) => {
 
   .page-header h2 {
     font-size: 18px;
-    width: 100%;
+    width: auto;
+    flex-shrink: 0;
   }
 
   .header-color-shades {
     width: 100%;
     justify-content: flex-start;
-    order: 2;
+    order: 3;
     gap: 6px;
   }
   
@@ -2312,7 +2313,7 @@ const removeHistoryItem = (index: number) => {
   }
 
   .toolbar-actions {
-    order: 1;
+    order: 2;
     margin-left: auto;
   }