diff --git a/packages/ui-vue/docs/.vitepress/farris-theme/styles/lib-override/demoblock.css b/packages/ui-vue/docs/.vitepress/farris-theme/styles/lib-override/demoblock.css
index 203e7c87c26b4e476c552c1081504e635fc9f236..0726ee04cfdffc49725b3e65376c35fd53ed35d1 100644
--- a/packages/ui-vue/docs/.vitepress/farris-theme/styles/lib-override/demoblock.css
+++ b/packages/ui-vue/docs/.vitepress/farris-theme/styles/lib-override/demoblock.css
@@ -1,3 +1,16 @@
 .demo-block > .source {
     background-color: #ffffff;
-}
\ No newline at end of file
+}
+
+.demo-block-control:hover {
+    color: rgb(33, 53, 71) !important;
+    background-color: #f9fafc;
+}
+
+.demo-block-control .control-text {
+    color: rgb(33, 53, 71);
+}
+
+.demo-block.hover {
+    box-shadow: var(--vp-shadow-3) !important;
+}