diff --git a/src/views/planetDesign/Theme/components/ThemeExample/index.vue b/src/views/planetDesign/Theme/components/ThemeExample/index.vue
index 43ae0ee2..1b9d032a 100644
--- a/src/views/planetDesign/Theme/components/ThemeExample/index.vue
+++ b/src/views/planetDesign/Theme/components/ThemeExample/index.vue
@@ -103,7 +103,7 @@ const isMobile = ref('pc')
 
   .theme-example-bg {
     position: absolute;
-    left: 405px;
+    left: 305px;
     right: 300px;
     height: calc(100% - 200px) !important;
     overflow-y: auto;
diff --git a/src/views/planetDesign/Theme/components/ThemeLeft/index.vue b/src/views/planetDesign/Theme/components/ThemeLeft/index.vue
index 16d98339..9ef35399 100644
--- a/src/views/planetDesign/Theme/components/ThemeLeft/index.vue
+++ b/src/views/planetDesign/Theme/components/ThemeLeft/index.vue
@@ -87,7 +87,7 @@ const choiceSkin = (e) => {
       border: 4px solid #1c6fff;
     }
     .theme-img {
-      width: 240px;
+      width: 100%;
       height: 116px;
       object-fit: cover;
       border-radius: 6px 6px 0px 0px;