diff --git a/scss/widgets.scss b/scss/widgets.scss
index 1bf23491..0e2807ca 100644
--- a/scss/widgets.scss
+++ b/scss/widgets.scss
@@ -42,9 +42,14 @@ label.icon {
 
         background-size: cover;
         background-position: center;
+        margin-top: lib.s(3);
         min-width: lib.s(64);
         min-height: lib.s(64);
-        margin-top: lib.s(3);
+
+        &.small {
+            min-width: lib.s(48);
+            min-height: lib.s(48);
+        }
     }
 
     .summary {
diff --git a/src/widgets/notification.tsx b/src/widgets/notification.tsx
index 10f20766..d0768614 100644
--- a/src/widgets/notification.tsx
+++ b/src/widgets/notification.tsx
@@ -51,18 +51,19 @@ const AppIcon = ({ appIcon, desktopEntry }: { appIcon: string; desktopEntry: str
     return icon ? <icon className="app-icon" icon={icon} /> : null;
 };
 
-const Image = ({ icon }: { icon: string }) => {
+const Image = ({ popup, icon }: { popup?: boolean; icon: string }) => {
     if (GLib.file_test(icon, GLib.FileTest.EXISTS))
         return (
             <box
                 valign={Gtk.Align.START}
-                className="image"
+                className={`image ${popup ? "small" : ""}`}
                 css={`
                     background-image: url("${icon}");
                 `}
             />
         );
-    if (Astal.Icon.lookup_icon(icon)) return <icon valign={Gtk.Align.START} className="image" icon={icon} />;
+    if (Astal.Icon.lookup_icon(icon))
+        return <icon valign={Gtk.Align.START} className={`image ${popup ? "small" : ""}`} icon={icon} />;
     return null;
 };
 
@@ -93,7 +94,7 @@ export default class Notification extends Widget.Box {
                         </box>
                         <box hexpand className="separator" />
                         <box className="content">
-                            {notification.image && <Image icon={notification.image} />}
+                            {notification.image && <Image popup={popup} icon={notification.image} />}
                             <box vertical>
                                 <label className="summary" xalign={0} label={notification.summary} truncate />
                                 {notification.body && (