diff --git a/src/assets/scss/style.scss b/src/assets/scss/style.scss
index 21f42ec..de5482b 100644
--- a/src/assets/scss/style.scss
+++ b/src/assets/scss/style.scss
@@ -111,16 +111,6 @@
   }
 }
 
-.play{
-  .popper {
-    font-size: 1rem;;
-    border: none;
-    li {
-      font-size: 1rem;
-      border: none;
-    }
-  }
-}
 // Page of list using el-table
 .listpage{
   position: absolute;
diff --git a/src/assets/scss/theme/dark.scss b/src/assets/scss/theme/dark.scss
index 7240b37..8597dad 100644
--- a/src/assets/scss/theme/dark.scss
+++ b/src/assets/scss/theme/dark.scss
@@ -139,6 +139,13 @@
   .play{
     background-color: var(--d-bgc-1);
     box-shadow: var(--d-bsc);
+    .el-input{
+      input{
+        background-color: var(--d-bgc-1);
+        border: 1px solid var(--d-bgc-1);
+        color: var(--d-fc-2);
+      }
+    }
     .title{
       color: var(--d-fc-1);
       .right {
@@ -309,30 +316,6 @@
     box-shadow: var(--d-bsc);
   }
 
-  .play{
-    .el-input{
-      input{
-        background-color: var(--d-bgc-1);
-        border: 1px solid var(--d-bgc-1);
-        color: var(--d-fc-2);
-      }
-    }
-    .popper {
-      color: var(--d-fc-1);
-      background-color: var(--d-bgc-1);
-      box-shadow: var(--d-bsc);
-      li {
-        color: var(--d-fc-1);
-        background-color: var(--d-bgc-1);
-        &:hover{
-          background-color: var(--d-bgc-2);
-        }
-      }
-      .popper__arrow, .popper__arrow::after{
-        border-bottom-color: var(--d-bgc-1);
-      }
-    }
-  }
   // Page of list using table and picture
   .listpage{
     color: var(--d-fc-2);
diff --git a/src/assets/scss/theme/green.scss b/src/assets/scss/theme/green.scss
index e5a43a5..db742a5 100644
--- a/src/assets/scss/theme/green.scss
+++ b/src/assets/scss/theme/green.scss
@@ -139,6 +139,13 @@
   .play{
     background-color: var(--g-bgc-1);
     box-shadow: var(--g-bsc);
+    .el-input{
+      input{
+        background-color: var(--g-bgc-1);
+        border: 1px solid var(--g-bgc-1);
+        color: var(--g-fc-2);
+      }
+    }
     .title{
       color: var(--g-fc-1);
       .right {
@@ -309,30 +316,6 @@
     box-shadow: var(--g-bsc);
   }
 
-  .play{
-    .el-input{
-      input{
-        background-color: var(--g-bgc-1);
-        border: 1px solid var(--g-bgc-1);
-        color: var(--g-fc-2);
-      }
-    }
-    .popper {
-      color: var(--g-fc-1);
-      background-color: var(--g-bgc-1);
-      box-shadow: var(--g-bsc);
-      li {
-        color: var(--g-fc-1);
-        background-color: var(--g-bgc-1);
-        &:hover{
-          background-color: var(--g-bgc-2);
-        }
-      }
-      .popper__arrow, .popper__arrow::after{
-        border-bottom-color: var(--g-bgc-1);
-      }
-    }
-  }
   // Page of list using table and picture
   .listpage{
     color: var(--g-fc-2);
diff --git a/src/assets/scss/theme/light.scss b/src/assets/scss/theme/light.scss
index 8ebb330..4e2738e 100644
--- a/src/assets/scss/theme/light.scss
+++ b/src/assets/scss/theme/light.scss
@@ -139,6 +139,13 @@
   .play{
     background-color: var(--l-bgc-1);
     box-shadow: var(--l-bsc);
+    .el-input{
+      input{
+        background-color: var(--l-bgc-1);
+        border: 1px solid var(--l-bgc-1);
+        color: var(--l-fc-2);
+      }
+    }
     .title{
       color: var(--l-fc-1);
       .right {
@@ -309,30 +316,6 @@
     box-shadow: var(--l-bsc);
   }
 
-  .play{
-    .el-input{
-      input{
-        background-color: var(--l-bgc-1);
-        border: 1px solid var(--l-bgc-1);
-        color: var(--l-fc-2);
-      }
-    }
-    .popper {
-      color: var(--l-fc-1);
-      background-color: var(--l-bgc-1);
-      box-shadow: var(--l-bsc);
-      li {
-        color: var(--l-fc-1);
-        background-color: var(--l-bgc-1);
-        &:hover{
-          background-color: var(--l-bgc-2);
-        }
-      }
-      .popper__arrow, .popper__arrow::after{
-        border-bottom-color: var(--l-bgc-1);
-      }
-    }
-  }
   // Page of list using table and picture
   .listpage{
     color: var(--l-fc-2);
diff --git a/src/assets/scss/theme/pink.scss b/src/assets/scss/theme/pink.scss
index 8e747e4..a378a95 100644
--- a/src/assets/scss/theme/pink.scss
+++ b/src/assets/scss/theme/pink.scss
@@ -139,6 +139,13 @@
   .play{
     background-color: var(--p-bgc-1);
     box-shadow: var(--p-bsc);
+    .el-input{
+      input{
+        background-color: var(--p-bgc-1);
+        border: 1px solid var(--p-bgc-1);
+        color: var(--p-fc-2);
+      }
+    }
     .title{
       color: var(--p-fc-1);
       .right {
@@ -309,30 +316,6 @@
     box-shadow: var(--p-bsc);
   }
 
-  .play{
-    .el-input{
-      input{
-        background-color: var(--p-bgc-1);
-        border: 1px solid var(--p-bgc-1);
-        color: var(--p-fc-2);
-      }
-    }
-    .popper {
-      color: var(--p-fc-1);
-      background-color: var(--p-bgc-1);
-      box-shadow: var(--p-bsc);
-      li {
-        color: var(--p-fc-1);
-        background-color: var(--p-bgc-1);
-        &:hover{
-          background-color: var(--p-bgc-2);
-        }
-      }
-      .popper__arrow, .popper__arrow::after{
-        border-bottom-color: var(--p-bgc-1);
-      }
-    }
-  }
   // Page of list using table and picture
   .listpage{
     color: var(--p-fc-2);