diff --git a/modules/overlay/ext.echo.overlay.js b/modules/overlay/ext.echo.overlay.js
index e27d3c9df..794c45633 100644
--- a/modules/overlay/ext.echo.overlay.js
+++ b/modules/overlay/ext.echo.overlay.js
@@ -223,8 +223,7 @@
 
 		_getFooterElement: function() {
 			var $prefLink = $( '#pt-preferences a' ),
-				$overlayFooter = $( '<div>' )
-					.attr( 'id', 'mw-echo-overlay-footer' );
+				$overlayFooter = $( '<div class="mw-echo-overlay-footer">' );
 
 			// add link to notifications archive
 			$overlayFooter.append(
diff --git a/modules/overlay/ext.echo.overlay.less b/modules/overlay/ext.echo.overlay.less
index b9ecbedfd..96ef3642c 100644
--- a/modules/overlay/ext.echo.overlay.less
+++ b/modules/overlay/ext.echo.overlay.less
@@ -155,7 +155,7 @@
 	}
 }
 
-#mw-echo-overlay-footer {
+.mw-echo-overlay-footer {
 	padding: 0;
 	border-top: 1px solid #DDDDDD;
 	display: table;
diff --git a/tests/qunit/overlay/test_ext.echo.overlay.js b/tests/qunit/overlay/test_ext.echo.overlay.js
index 7f194c580..1c58e431e 100644
--- a/tests/qunit/overlay/test_ext.echo.overlay.js
+++ b/tests/qunit/overlay/test_ext.echo.overlay.js
@@ -150,7 +150,7 @@
 		assert.strictEqual( $overlay.find( '.mw-echo-notifications' ).length, 1, 'Overlay contains a list of notifications.' );
 		assert.strictEqual( $overlay.find( '.mw-echo-notifications li' ).length, 2, 'There are two notifications.' );
 		assert.strictEqual( $overlay.find( '.mw-echo-unread' ).length, 1, 'There is one unread notification.' );
-		assert.strictEqual( $overlay.find( '#mw-echo-overlay-footer a' ).length, 2,
+		assert.strictEqual( $overlay.find( '.mw-echo-overlay-footer a' ).length, 2,
 			'There is a footer with 2 links to preferences and all notifications.' );
 		assert.strictEqual( this.$badge.text(),
 			'0', 'The alerts are marked as read once opened.' );