diff --git a/src/components/SearchHit.js b/src/components/SearchHit.js
index f21147df816e41cdd0885db2ec3eda2723c9cb2f..f2db8a9653cf18eb1a446455b418e087224f55e4 100644
--- a/src/components/SearchHit.js
+++ b/src/components/SearchHit.js
@@ -114,7 +114,6 @@ export class SearchHit extends Component {
               }),
             },
             paddingRight: 1,
-
           }}
           divider
           button={!selected}
diff --git a/src/components/SearchPanel.js b/src/components/SearchPanel.js
index 368d7fafa0763f62ab0e97a515acc4cbdad303c8..42550dddf38e39fe4681302927f4ad07b09a379b 100644
--- a/src/components/SearchPanel.js
+++ b/src/components/SearchPanel.js
@@ -64,17 +64,9 @@ export class SearchPanel extends Component {
         />
         {
           fetchSearch && suggestedSearches && query === '' && suggestedSearches.map(search => (
-            <Typography component="p" key={search} variant="body1">
+            <Typography component="p" key={search} variant="body1" sx={{ margin: 2 }}>
               <Button
-                sx={{
-                  '& span': {
-                    lineHeight: '1.5em',
-                  },
-                  margin: 2,
-                  padding: 0,
-                  textAlign: 'inherit',
-                  textTransform: 'none',
-                }}
+                variant="inlineText"
                 color="secondary"
                 onClick={() => fetchSearch(`${searchService.id}?q=${search}`, search)}
               >
diff --git a/src/config/settings.js b/src/config/settings.js
index 1f9cf3eb5eaed0ac0cfa9cfa54c4934a1c239d4f..90db80b1f87d2a6cbd069d96706320dcfed0fddb 100644
--- a/src/config/settings.js
+++ b/src/config/settings.js
@@ -324,6 +324,20 @@ export default {
           },
         ],
       },
+      MuiButton: {
+        styleOverrides: {
+          inlineText: {
+            lineHeight: '1.5em',
+            padding: 0,
+            textAlign: 'inherit',
+            textTransform: 'none',
+
+          },
+          inlineTextSecondary: ({ theme }) => ({
+            color: theme.palette.secondary.main,
+          }),
+        }
+      },
       MuiButtonBase: {
         defaultProps: {
           disableTouchRipple: true,