diff --git a/src/components/PluginSettings/index.tsx b/src/components/PluginSettings/index.tsx
index 0ccdea80..8e23d0bc 100644
--- a/src/components/PluginSettings/index.tsx
+++ b/src/components/PluginSettings/index.tsx
@@ -346,7 +346,7 @@ export default function PluginSettings() {
             <ReloadRequiredCard required={changes.hasChanges} />
 
             <div className={cl("stats-container")} style={{
-                marginTop: "12px",
+                marginTop: "16px",
                 gap: "16px",
                 display: "flex",
                 flexDirection: "row",
diff --git a/src/components/PluginSettings/styles.css b/src/components/PluginSettings/styles.css
index 848ac5e4..45e3506b 100644
--- a/src/components/PluginSettings/styles.css
+++ b/src/components/PluginSettings/styles.css
@@ -64,6 +64,8 @@
     display: flex;
     flex-direction: column;
     background-color: var(--background-secondary-alt) !important;
+    transition: 0.1s ease-out;
+    transition-property: box-shadow, transform, background, opacity;
 }
 
 .vc-plugins-info-card div {
@@ -99,6 +101,7 @@
     transition-property: box-shadow, transform, background, opacity;
 }
 
+.vc-plugins-info-card:hover,
 .vc-plugin-stats:hover {
     background-color: var(--background-tertiary);
     transform: translateY(-1px);