diff --git a/app/components/words/word-row.hbs b/app/components/words/word-row.hbs
index 531caf0..a0e5ac5 100644
--- a/app/components/words/word-row.hbs
+++ b/app/components/words/word-row.hbs
@@ -1,4 +1,4 @@
-<tr data-strongs={{@model.strongsNumber}} class="{{this.selected}}" ...attributes>
+<tr {{on "click" (fn this.select @model)}} class="{{this.selected}}" ...attributes>
   <td>{{@model.greek}}</td>
   <td>{{@model.ulb}}</td>
   <td>{{@model.morph}}</td>
diff --git a/app/components/words/word-row.js b/app/components/words/word-row.js
index 363677b..b50219a 100644
--- a/app/components/words/word-row.js
+++ b/app/components/words/word-row.js
@@ -1,12 +1,19 @@
 import Component from '@glimmer/component';
 import { inject as service } from '@ember/service';
+import { action } from '@ember/object';
+
 
 export default class WordsWordRowComponent extends Component {
-  @service('word-select') selectedWord;
+  @service('word-select') selectWord;
+
+  @action
+  select(word) {
+    this.selectWord.select(word);
+  }
 
   get
   selected() {
-    if(this.selectedWord.isCurrentByOgntId(this.args.model)) {
+    if(this.selectWord.isCurrentByOgntId(this.args.model)) {
       return "selected";
     } else {
       return "";
diff --git a/app/styles/components/words.scss b/app/styles/components/words.scss
index fb43e2d..6d9cc74 100644
--- a/app/styles/components/words.scss
+++ b/app/styles/components/words.scss
@@ -6,6 +6,7 @@ table.word-details th,
 table.word-details td {
   border: 1px solid grey;
   padding: 10px;
+  cursor: pointer;
 }
 
 table.word-details tr.selected {