diff --git a/src/main/kotlin/app/ui/components/Tooltip.kt b/src/main/kotlin/app/ui/components/Tooltip.kt
new file mode 100644
index 0000000..b03a8f6
--- /dev/null
+++ b/src/main/kotlin/app/ui/components/Tooltip.kt
@@ -0,0 +1,31 @@
+package app.ui.components
+
+import androidx.compose.foundation.ExperimentalFoundationApi
+import androidx.compose.foundation.TooltipArea
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material.Card
+import androidx.compose.material.MaterialTheme
+import androidx.compose.material.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.unit.dp
+
+@OptIn(ExperimentalFoundationApi::class)
+@Composable
+fun Tooltip(text: String, content: @Composable () -> Unit) {
+    TooltipArea(
+        tooltip = {
+            Card(
+                backgroundColor = MaterialTheme.colors.background,
+                elevation = 10.dp,
+            ) {
+                Text(
+                    text = text,
+                    modifier = Modifier.padding(8.dp)
+                )
+            }
+        },
+    ) {
+        content()
+    }
+}
\ No newline at end of file
diff --git a/src/main/kotlin/app/ui/components/TooltipText.kt b/src/main/kotlin/app/ui/components/TooltipText.kt
index f0f575b..2a3b389 100644
--- a/src/main/kotlin/app/ui/components/TooltipText.kt
+++ b/src/main/kotlin/app/ui/components/TooltipText.kt
@@ -42,18 +42,8 @@ fun TooltipText(
     style: TextStyle = LocalTextStyle.current,
     tooltipTitle: String,
 ) {
-    TooltipArea(
-        tooltip = {
-            Card(
-                backgroundColor = MaterialTheme.colors.background,
-                elevation = 10.dp,
-            ) {
-                Text(
-                    text = tooltipTitle,
-                    modifier = Modifier.padding(10.dp)
-                )
-            }
-        },
+    Tooltip(
+        text = tooltipTitle,
     ) {
         Text(
             text = text,