diff --git a/src/lib/layout/hexagons/TeamMemberHexagon.stories.ts b/src/lib/layout/hexagons/TeamMemberHexagon.stories.ts
index 5d037586..bea4105b 100644
--- a/src/lib/layout/hexagons/TeamMemberHexagon.stories.ts
+++ b/src/lib/layout/hexagons/TeamMemberHexagon.stories.ts
@@ -4,13 +4,14 @@ export default {
   title: 'Atoms/Hexagons/Team Member Hexagon',
   component: TeamMemberHexagon,
   parameters: {
-    layout: 'centered'
+    layout: 'centered',
+    controls: { exclude: ['orientation', 'teamMember'] }
   }
 };
 
 export const CustomIconHexagon = {
   args: {
-    teamMember: {
+    data: {
       name: 'Bruno Rosendo',
       role: 'Co-Gestor de Projetos',
       photoPath: 'images/previews/bruno-rosendo.png',
@@ -25,7 +26,7 @@ export const CustomIconHexagon = {
 
 export const HoveredCustomIconHexagon = {
   args: {
-    teamMember: {
+    data: {
       name: 'Bruno Rosendo',
       role: 'Co-Gestor de Projetos',
       photoPath: 'images/previews/bruno-rosendo.png',
@@ -43,7 +44,7 @@ export const HoveredCustomIconHexagon = {
 
 export const DefaultIconHexagon = {
   args: {
-    teamMember: {
+    data: {
       name: 'Bruno Rosendo',
       role: 'Co-Gestor de Projetos',
       photoPath: 'images/previews/bruno-rosendo.png',
@@ -56,7 +57,7 @@ export const DefaultIconHexagon = {
 
 export const HoveredDefaultIconHexagon = {
   args: {
-    teamMember: {
+    data: {
       name: 'Bruno Rosendo',
       role: 'Co-Gestor de Projetos',
       photoPath: 'images/previews/bruno-rosendo.png',
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index 055a298e..a6d69d6f 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -1,9 +1,6 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
   content: ['./src/**/*.{html,js,svelte,ts,stories.js,stories.ts}'],
-  future: {
-    hoverOnlyWhenSupported: true
-  },
   theme: {
     extend: {
       colors: {