diff --git a/view/css/widgets.css b/view/css/widgets.css
index cea3a3820..5b1273e25 100644
--- a/view/css/widgets.css
+++ b/view/css/widgets.css
@@ -168,3 +168,31 @@ a.wikilist {
 .active .conv-participants {
 	color: #fff;
 }
+
+/* notifications */
+
+.notification-content {
+	max-height: 70vh;
+	overflow: auto;
+}
+
+.notification-content.collapsing {
+	overflow: hidden;
+}
+
+.fs {
+	position: fixed;
+	top: 0px;
+	left: 0px;
+	padding: 4.5rem .5rem 1rem .5rem;
+	background-color: white;
+	width: 100%;
+	max-width: 100%;
+	height: 100%;
+	z-index: 1029;
+	overflow: auto;
+}
+
+#notifications {
+	margin-bottom: 1rem;
+}
diff --git a/view/tpl/notifications_widget.tpl b/view/tpl/notifications_widget.tpl
index 0095b8b85..3ef7bff7d 100644
--- a/view/tpl/notifications_widget.tpl
+++ b/view/tpl/notifications_widget.tpl
@@ -1,31 +1,3 @@
-<style>
-	.notification-content {
-		max-height: 70vh;
-		overflow: auto;
-	}
-
-	.notification-content.collapsing {
-		overflow: hidden;
-	}
-
-	.fs {
-		position: fixed;
-		top: 0px;
-		left: 0px;
-		padding: 4.5rem .5rem 1rem .5rem;
-		background-color: white;
-		width: 100%;
-		max-width: 100%;
-		height: 100%;
-		z-index: 1029;
-		overflow: auto;
-	}
-
-	#notifications {
-		margin-bottom: 1rem;
-	}
-</style>
-
 <script>
 	var notifications_parent;
 	$(document).ready(function() {