From 4e3535f1fe8e85b8e9a54a23b46287f29e67ee5c Mon Sep 17 00:00:00 2001
From: Mark McDowall <mark@mcdowall.ca>
Date: Sun, 5 Mar 2023 18:58:57 -0800
Subject: [PATCH] Fixed Misaligned table border

(cherry picked from commit aa938d911b61b08185dc57a0887f3f33e3c6e1f2)

Closes #8176
---
 frontend/src/Activity/History/HistoryRow.js            | 10 ++++++----
 .../src/InteractiveSearch/InteractiveSearchRow.css     |  6 +-----
 .../InteractiveSearch/InteractiveSearchRow.css.d.ts    |  2 +-
 .../src/InteractiveSearch/InteractiveSearchRow.tsx     | 10 ++++++----
 4 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/frontend/src/Activity/History/HistoryRow.js b/frontend/src/Activity/History/HistoryRow.js
index 9cdfa0e1a..7ad34fe66 100644
--- a/frontend/src/Activity/History/HistoryRow.js
+++ b/frontend/src/Activity/History/HistoryRow.js
@@ -217,10 +217,12 @@ class HistoryRow extends Component {
                   key={name}
                   className={styles.details}
                 >
-                  <IconButton
-                    name={icons.INFO}
-                    onPress={this.onDetailsPress}
-                  />
+                  <div className={styles.actionContents}>
+                    <IconButton
+                      name={icons.INFO}
+                      onPress={this.onDetailsPress}
+                    />
+                  </div>
                 </TableRowCell>
               );
             }
diff --git a/frontend/src/InteractiveSearch/InteractiveSearchRow.css b/frontend/src/InteractiveSearch/InteractiveSearchRow.css
index 5ea574e08..74a84defb 100644
--- a/frontend/src/InteractiveSearch/InteractiveSearchRow.css
+++ b/frontend/src/InteractiveSearch/InteractiveSearchRow.css
@@ -52,11 +52,7 @@
   width: 75px;
 }
 
-.title {
-  composes: cell;
-}
-
-.title div {
+.titleContent {
   overflow-wrap: break-word;
 }
 
diff --git a/frontend/src/InteractiveSearch/InteractiveSearchRow.css.d.ts b/frontend/src/InteractiveSearch/InteractiveSearchRow.css.d.ts
index f453b991e..6b8ab7ae6 100644
--- a/frontend/src/InteractiveSearch/InteractiveSearchRow.css.d.ts
+++ b/frontend/src/InteractiveSearch/InteractiveSearchRow.css.d.ts
@@ -19,7 +19,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.tsx b/frontend/src/InteractiveSearch/InteractiveSearchRow.tsx
index 12e297a6d..aca3e910f 100644
--- a/frontend/src/InteractiveSearch/InteractiveSearchRow.tsx
+++ b/frontend/src/InteractiveSearch/InteractiveSearchRow.tsx
@@ -246,10 +246,12 @@ function InteractiveSearchRow(props: InteractiveSearchRowProps) {
         ) : null}
       </TableRowCell>
 
-      <TableRowCell className={styles.title}>
-        <Link to={infoUrl} title={title}>
-          <div>{title}</div>
-        </Link>
+      <TableRowCell>
+        <div className={styles.titleContent}>
+          <Link to={infoUrl} title={title}>
+            {title}
+          </Link>
+        </div>
       </TableRowCell>
 
       <TableRowCell className={styles.indexer}>{indexer}</TableRowCell>