diff --git a/view/css/widgets.css b/view/css/widgets.css
index 576445dd6..8b5ecdd2f 100644
--- a/view/css/widgets.css
+++ b/view/css/widgets.css
@@ -178,15 +178,23 @@ a.wikilist {
 	max-height: 70vh;
 	overflow: auto;
 }
+
 .notifications-textinput input {
 	font-family: FontAwesome, sans-serif;
 }
 
-
 .notifications-textinput {
 	padding: .75rem 0.85rem;
 }
 
+.notifications-textinput-clear {
+	padding: .5rem;
+	position: absolute;
+	top: 0.5rem;
+	right: 1rem;
+	cursor: pointer;
+}
+
 .notification-content.collapsing {
 	overflow: hidden;
 }
diff --git a/view/tpl/notifications_widget.tpl b/view/tpl/notifications_widget.tpl
index c926586eb..030d1eef9 100644
--- a/view/tpl/notifications_widget.tpl
+++ b/view/tpl/notifications_widget.tpl
@@ -140,12 +140,8 @@
 					<i class="fa fa-fw fa-filter"></i> {{$notification.filter.label}}
 				</div>
 				<div class="list-group-item clearfix notifications-textinput" id="cn-{{$notification.type}}-only">
-					<div class="input-group">
-						<input id="cn-{{$notification.type}}-input" type="text" class="form-control form-control-sm" placeholder="&#xf0b0;  Filter by name">
-						<div id="cn-{{$notification.type}}-input-clear" class="input-group-append">
-							<span class="input-group-text"><i class="fa fa-remove"></i></span>
-						</div>
-					</div>
+					<input id="cn-{{$notification.type}}-input" type="text" class="form-control form-control-sm" placeholder="&#xf0b0;  Filter by name">
+					<div id="cn-{{$notification.type}}-input-clear" class="text-muted notifications-textinput-clear"><i class="fa fa-remove"></i></div>
 				</div>
 				{{/if}}
 				<div id="nav-{{$notification.type}}-menu" class="" rel="{{$notification.type}}">