diff --git a/src/components/delete-modal/index.tsx b/src/components/delete-modal/index.tsx
index 15d1d58e..da907b3c 100644
--- a/src/components/delete-modal/index.tsx
+++ b/src/components/delete-modal/index.tsx
@@ -21,7 +21,6 @@ const CheckboxWrapper = styled.div`
   align-items: center;
   .check-text {
     font-weight: 700;
-    color: var(--ant-color-warning);
   }
 `;
 
diff --git a/src/pages/resources/components/model-files.tsx b/src/pages/resources/components/model-files.tsx
index 83f5d810..7d8d2f20 100644
--- a/src/pages/resources/components/model-files.tsx
+++ b/src/pages/resources/components/model-files.tsx
@@ -71,21 +71,30 @@ import {
 const filterPattern = /^(.*?)(?:-\d+-of-\d+)?(\.gguf)?$/;
 
 const PathWrapper = styled.div`
-  position: relative;
   display: flex;
   align-items: center;
+  justify-content: flex-start;
   height: 100%;
-  .btn-wrapper {
+  &::after {
+    content: '';
+    display: block;
+    width: 20px;
+    height: 100%;
     position: absolute;
-    background: var(--color-bg-1);
+    top: 0;
     right: 0;
-    display: none;
+    z-index: 1;
+  }
+  .btn-wrapper {
+    display: flex;
+    opacity: 0;
+    width: 0;
     align-items: center;
   }
   &:hover {
     .btn-wrapper {
-      display: flex;
-      background: var(--ant-table-row-hover-bg);
+      width: auto;
+      opacity: 1;
     }
   }
 `;