diff --git a/ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/index.css b/ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/index.css
deleted file mode 100644
index 4a9fb2394..000000000
--- a/ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/index.css
+++ /dev/null
@@ -1,4 +0,0 @@
-.list-group-item.components-grid-alertgrid-alertgroup-alert {
-  border-width: 3px;
-  line-height: 1rem;
-}
diff --git a/ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/index.js b/ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/index.js
index 2a3330d60..9c9847b67 100644
--- a/ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/index.js
+++ b/ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/index.js
@@ -17,7 +17,7 @@ import { RenderNonLinkAnnotation, RenderLinkAnnotation } from "../Annotation";
 import { Silence } from "../Silence";
 import { AlertMenu } from "./AlertMenu";
 
-import "./index.css";
+import "./index.scss";
 
 const Alert = observer(
   class Alert extends Component {
diff --git a/ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/index.scss b/ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/index.scss
new file mode 100644
index 000000000..49df98330
--- /dev/null
+++ b/ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/index.scss
@@ -0,0 +1,12 @@
+@import "src/App.scss";
+
+.components-grid-alertgrid-alertgroup-alert {
+  &:hover {
+    background-color: $gray-100;
+  }
+
+  &.list-group-item {
+    border-width: 3px;
+    line-height: 1rem;
+  }
+}
diff --git a/ui/src/Components/Grid/AlertGrid/AlertGroup/GroupFooter/__snapshots__/index.test.js.snap b/ui/src/Components/Grid/AlertGrid/AlertGroup/GroupFooter/__snapshots__/index.test.js.snap
index 9c41793fd..a6f4d0a82 100644
--- a/ui/src/Components/Grid/AlertGrid/AlertGroup/GroupFooter/__snapshots__/index.test.js.snap
+++ b/ui/src/Components/Grid/AlertGrid/AlertGroup/GroupFooter/__snapshots__/index.test.js.snap
@@ -287,7 +287,7 @@ exports[`<GroupFooter /> mathes snapshot when silence is rendered 1`] = `
     link
   </a>
   <div class=\\"components-grid-alertgrid-alertgroup-shared-silence rounded-0 border-left-1 border-right-0 border-top-0 border-bottom-0 border-success \\">
-    <div class=\\"card mt-1 border-0 p-1\\">
+    <div class=\\"card mt-1 border-0 p-1 bg-transparent\\">
       <div class=\\"card-text mb-0\\">
         <span class=\\"text-muted my-1\\">
           <span width=\\"0\\">
diff --git a/ui/src/Components/Grid/AlertGrid/AlertGroup/Silence/__snapshots__/index.test.js.snap b/ui/src/Components/Grid/AlertGrid/AlertGroup/Silence/__snapshots__/index.test.js.snap
index 0c1639837..cf84ad9ab 100644
--- a/ui/src/Components/Grid/AlertGrid/AlertGroup/Silence/__snapshots__/index.test.js.snap
+++ b/ui/src/Components/Grid/AlertGrid/AlertGroup/Silence/__snapshots__/index.test.js.snap
@@ -12,7 +12,7 @@ exports[`<Silence /> matches snapshot when data is not present in alertStore 1`]
 
 exports[`<Silence /> matches snapshot when data is present in alertStore 1`] = `
 "
-<div class=\\"card mt-1 border-0 p-1\\">
+<div class=\\"card mt-1 border-0 p-1 bg-transparent\\">
   <div class=\\"card-text mb-0\\">
     <span class=\\"text-muted my-1\\">
       <span width=\\"0\\">
@@ -77,7 +77,7 @@ exports[`<Silence /> matches snapshot when data is present in alertStore 1`] = `
 
 exports[`<Silence /> matches snapshot with expaned details 1`] = `
 "
-<div class=\\"card mt-1 border-0 p-1\\">
+<div class=\\"card mt-1 border-0 p-1 bg-transparent\\">
   <div class=\\"card-text mb-0\\">
     <span class=\\"text-muted my-1\\">
       <span width=\\"0\\">
diff --git a/ui/src/Components/Grid/AlertGrid/AlertGroup/Silence/index.js b/ui/src/Components/Grid/AlertGrid/AlertGroup/Silence/index.js
index 2d785ec17..afae05196 100644
--- a/ui/src/Components/Grid/AlertGrid/AlertGroup/Silence/index.js
+++ b/ui/src/Components/Grid/AlertGrid/AlertGroup/Silence/index.js
@@ -321,7 +321,7 @@ const Silence = inject("alertStore")(
         const alertmanager = this.getAlertmanager();
 
         return (
-          <div className="card mt-1 border-0 p-1">
+          <div className="card mt-1 border-0 p-1 bg-transparent">
             <div className="card-text mb-0">
               <span className="text-muted my-1">
                 <SilenceComment