diff --git a/compass/components/Table/Index.tsx b/compass/components/Table/Index.tsx
index 5a12c1b..d0c432a 100644
--- a/compass/components/Table/Index.tsx
+++ b/compass/components/Table/Index.tsx
@@ -10,6 +10,7 @@ import {
 } from "@tanstack/react-table";
 import { useState } from "react";
 import { RowAction } from "./RowAction";
+import { RowOpenAction } from "./RowOpenAction";
 import { TableAction } from "./TableAction";
 
 const usersExample = usersImport as unknown as User[];
@@ -32,6 +33,7 @@ export const Table = () => {
   const columns = [
     columnHelper.accessor("username", {
       cell: (info) => <RowAction title={info.getValue()} />,
+      cell: (info) => <RowOpenAction title={info.getValue()} />,
     }),
     columnHelper.accessor("role", {
       cell: (info) => info.renderValue(),
diff --git a/compass/components/Table/RowAction.tsx b/compass/components/Table/RowOpenAction.tsx
similarity index 91%
rename from compass/components/Table/RowAction.tsx
rename to compass/components/Table/RowOpenAction.tsx
index 37b0215..30d1cd3 100644
--- a/compass/components/Table/RowAction.tsx
+++ b/compass/components/Table/RowOpenAction.tsx
@@ -1,14 +1,14 @@
 import Drawer from "@/components/page/Drawer";
 import {ChangeEvent, useState} from "react";
 
-export const RowAction = ({ title }) => {
+export const RowOpenAction = ({ title }) => {
     const [pageContent, setPageContent] = useState("")
 
     const handleDrawerContentChange = (newContent) => {
       setPageContent(newContent);
     };
 
-    
+
 
   return (
     <div className="font-semibold group flex flex-row items-center justify-between pr-2">