diff --git a/ui/component/fileRenderFloating/view.jsx b/ui/component/fileRenderFloating/view.jsx
index 88f397dc9..ceec20faa 100644
--- a/ui/component/fileRenderFloating/view.jsx
+++ b/ui/component/fileRenderFloating/view.jsx
@@ -372,7 +372,7 @@ export default function FileRenderFloating(props: Props) {
               title={__('Close')}
               onClick={closeFloatingPlayer}
               icon={ICONS.REMOVE}
-              button="primary"
+              button="alt"
               className="content__floating-close"
             />
           )}
diff --git a/ui/scss/component/_content.scss b/ui/scss/component/_content.scss
index 6676432cd..e1d6b89bb 100644
--- a/ui/scss/component/_content.scss
+++ b/ui/scss/component/_content.scss
@@ -123,16 +123,11 @@
   width: 42px;
   height: 42px;
   padding: 10px;
-  background-color: rgba(var(--color-primary-dynamic), 0.95) !important;
 
   .icon {
     width: 24px;
     height: 24px;
   }
-
-  &:hover {
-    background-color: rgba(var(--color-primary-dynamic), 1) !important;
-  }
 }
 
 .content__floating-link {