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 9d27be0a8..09d9f902d 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
@@ -2,7 +2,7 @@
 
 exports[`<Silence /> matches snapshot when data is not present in alertStore 1`] = `
 "
-<div>
+<div class=\\"m-1\\">
   <small class=\\"text-muted\\">
     Silenced by default/4cf5fd82-1edd-4169-99d1-ff8415e72179
   </small>
diff --git a/ui/src/Components/Grid/AlertGrid/AlertGroup/Silence/index.js b/ui/src/Components/Grid/AlertGrid/AlertGroup/Silence/index.js
index 7945806e6..694bf85a3 100644
--- a/ui/src/Components/Grid/AlertGrid/AlertGroup/Silence/index.js
+++ b/ui/src/Components/Grid/AlertGrid/AlertGroup/Silence/index.js
@@ -177,7 +177,7 @@ SilenceDetails.propTypes = {
 //
 const FallbackSilenceDesciption = ({ alertmanagerName, silenceID }) => {
   return (
-    <div>
+    <div className="m-1">
       <small className="text-muted">
         Silenced by {alertmanagerName}/{silenceID}
       </small>