diff --git a/frontend/src/Activity/History/HistoryRow.js b/frontend/src/Activity/History/HistoryRow.js
index f5ae69406..c926d8e98 100644
--- a/frontend/src/Activity/History/HistoryRow.js
+++ b/frontend/src/Activity/History/HistoryRow.js
@@ -218,10 +218,12 @@ class HistoryRow extends Component {
key={name}
className={styles.details}
>
-
+
+
+
);
}
diff --git a/frontend/src/InteractiveSearch/InteractiveSearchRow.css b/frontend/src/InteractiveSearch/InteractiveSearchRow.css
index 1163064e2..3b5933653 100644
--- a/frontend/src/InteractiveSearch/InteractiveSearchRow.css
+++ b/frontend/src/InteractiveSearch/InteractiveSearchRow.css
@@ -8,12 +8,11 @@
width: 80px;
}
-.title {
- composes: cell;
-}
-
-.title div {
- overflow-wrap: break-word;
+.titleContent {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ word-break: break-all;
}
.indexer {
diff --git a/frontend/src/InteractiveSearch/InteractiveSearchRow.css.d.ts b/frontend/src/InteractiveSearch/InteractiveSearchRow.css.d.ts
index 324e15fc3..23189f749 100644
--- a/frontend/src/InteractiveSearch/InteractiveSearchRow.css.d.ts
+++ b/frontend/src/InteractiveSearch/InteractiveSearchRow.css.d.ts
@@ -11,7 +11,7 @@ interface CssExports {
'quality': string;
'rejected': string;
'size': string;
- 'title': string;
+ 'titleContent': string;
}
export const cssExports: CssExports;
export default cssExports;
diff --git a/frontend/src/InteractiveSearch/InteractiveSearchRow.js b/frontend/src/InteractiveSearch/InteractiveSearchRow.js
index 3b90b04f2..53d578d7a 100644
--- a/frontend/src/InteractiveSearch/InteractiveSearchRow.js
+++ b/frontend/src/InteractiveSearch/InteractiveSearchRow.js
@@ -153,10 +153,12 @@ class InteractiveSearchRow extends Component {
{formatAge(age, ageHours, ageMinutes)}
-
-
- {title}
-
+
+
+
+ {title}
+
+