diff --git a/frontend/packages/erd-core/src/components/ERDRenderer/ERDContent/TableNode/TableNode.module.css b/frontend/packages/erd-core/src/components/ERDRenderer/ERDContent/TableNode/TableNode.module.css
index 5cbfbf053..f76c2d0f7 100644
--- a/frontend/packages/erd-core/src/components/ERDRenderer/ERDContent/TableNode/TableNode.module.css
+++ b/frontend/packages/erd-core/src/components/ERDRenderer/ERDContent/TableNode/TableNode.module.css
@@ -2,6 +2,12 @@
   border-radius: var(--border-radius-md);
   border: 1px solid var(--overlay-20);
   width: 172px;
+  transition: border-color 300ms var(--default-timing-function);
+}
+
+.wrapper:hover {
+  border: 1px solid var(--primary-accent);
+  box-shadow: 0px 0px 20px 0px rgba(29, 237, 131, 0.4);
 }
 
 .columnWrapper {
@@ -37,8 +43,13 @@
   font-size: var(--font-size-1);
   font-weight: 400;
   line-height: normal;
+  opacity: 0;
+  transition: opacity 300ms var(--default-timing-function);
 }
 
+.wrapper:hover .columnType {
+  opacity: 1;
+}
 
 .content {
   top: var(--default-header-height);