diff --git a/src/views/tools/add_background/add_background.vue b/src/views/tools/add_background/add_background.vue
index 7f3f9a8..1077bf3 100644
--- a/src/views/tools/add_background/add_background.vue
+++ b/src/views/tools/add_background/add_background.vue
@@ -2045,7 +2045,7 @@ const removeHistoryItem = (index: number) => {
   .page-header {
     padding: 10px 12px;
     flex-wrap: wrap;
-    padding-right: 12px; /* Reset padding on mobile */
+    padding-right: 12px !important; /* Reset padding on mobile */
   }
 
   .page-header h2 {
@@ -2078,7 +2078,10 @@ const removeHistoryItem = (index: number) => {
 
   .page-content {
     padding: 8px 12px;
-    padding-right: 12px;
+    padding-right: 12px !important;
+  }
+  
+  .page-content.has-sidebar {
     padding-bottom: 220px; /* Make space for bottom sidebar */
   }
 
@@ -2175,11 +2178,11 @@ const removeHistoryItem = (index: number) => {
 }
 
 @media (max-width: 1024px) and (min-width: 769px) {
-  .page-header {
+  .page-header.has-sidebar {
     padding-right: 276px; /* Adjust for smaller sidebar */
   }
 
-  .page-content {
+  .page-content.has-sidebar {
     padding-right: 256px; /* Adjust for smaller sidebar */
   }