diff --git a/assets/agenda/components/AgendaApp.tsx b/assets/agenda/components/AgendaApp.tsx
index 17862b4ea..efa92d681 100644
--- a/assets/agenda/components/AgendaApp.tsx
+++ b/assets/agenda/components/AgendaApp.tsx
@@ -57,7 +57,6 @@ import BookmarkTabs from 'components/BookmarkTabs';
 import {setActiveDate, setAgendaDropdownFilter} from 'local-store';
 import {previewConfigSelector, detailsConfigSelector} from 'ui/selectors';
 import {SearchResultsBar} from 'search/components/SearchResultsBar';
-import NewItemsIcon from 'search/components/NewItemsIcon';
 
 const modals = {
     shareItem: ShareItemModal,
@@ -268,17 +267,9 @@ class AgendaApp extends SearchBase<any> {
                                     toggleFeaturedFilter={this.props.toggleFeaturedFilter}
                                     featuredFilter={this.props.featuredOnly}
                                     hasAgendaFeaturedItems={this.props.hasAgendaFeaturedItems}
+                                    newItems={this.props.newItems}
+                                    fetchItems={this.props.fetchItems}
                                 />
-                                {!(this.props.newItems || []).length ? null : (
-                                    <div className="navbar navbar--flex navbar--small">
-                                        <div className="navbar__inner navbar__inner--end">
-                                            <NewItemsIcon
-                                                newItems={this.props.newItems}
-                                                refresh={this.props.fetchItems}
-                                            />
-                                        </div>
-                                    </div>
-                                )}
                             </div>
                             <AgendaList
                                 actions={this.props.actions}
diff --git a/assets/agenda/components/AgendaListViewControls.tsx b/assets/agenda/components/AgendaListViewControls.tsx
index 0e714cdb8..8dbbeef58 100644
--- a/assets/agenda/components/AgendaListViewControls.tsx
+++ b/assets/agenda/components/AgendaListViewControls.tsx
@@ -1,14 +1,22 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-
 import AgendaFeaturedStoriesToogle from './AgendaFeaturedStoriesToogle';
 import {DISPLAY_AGENDA_FEATURED_STORIES_ONLY} from 'utils';
 import ListViewOptions from 'components/ListViewOptions';
+import NewItemsIcon from 'search/components/NewItemsIcon';
 
-function AgendaListViewControls({activeView, setView, hideFeaturedToggle, toggleFeaturedFilter, featuredFilter, hasAgendaFeaturedItems}: any) {
+function AgendaListViewControls({activeView, setView, hideFeaturedToggle, toggleFeaturedFilter, featuredFilter, hasAgendaFeaturedItems, newItems, fetchItems}: any) {
     return (
-        <div className="navbar navbar--flex navbar--small navbar--list-controls ">
-            <div className="navbar__inner navbar__inner--end">
+        <div className="navbar navbar--flex navbar--small navbar--list-controls">
+            {!(newItems || []).length ? null : (
+                <div className="navbar__inner navbar__inner--icon">
+                    <NewItemsIcon
+                        newItems={newItems}
+                        refresh={fetchItems}
+                    />
+                </div>
+            )}
+            <div className="navbar__inner navbar__inner--end navbar__inner--buttons">
                 {!hideFeaturedToggle && hasAgendaFeaturedItems  && DISPLAY_AGENDA_FEATURED_STORIES_ONLY &&
                     <AgendaFeaturedStoriesToogle onChange={toggleFeaturedFilter} featuredFilter={featuredFilter}/>
                 }
@@ -26,6 +34,8 @@ AgendaListViewControls.propTypes = {
     hideFeaturedToggle: PropTypes.bool,
     featuredFilter: PropTypes.bool,
     hasAgendaFeaturedItems: PropTypes.bool,
+    newItems: PropTypes.array,
+    fetchItems: PropTypes.func,
 };
 
 export default AgendaListViewControls;
diff --git a/assets/search/components/NewItemsIcon.tsx b/assets/search/components/NewItemsIcon.tsx
index 49ffeddad..8cdea420d 100644
--- a/assets/search/components/NewItemsIcon.tsx
+++ b/assets/search/components/NewItemsIcon.tsx
@@ -56,7 +56,7 @@ class NewItemsIcon extends React.Component<IProps> {
                 ref={(elem: any) => this.dom.tooltip = elem}
                 title={gettext('refresh')}
                 aria-label={gettext('refresh')}
-                className="button__reset-styles d-flex align-items-center ms-3"
+                className="button__reset-styles d-flex align-items-center"
                 onClick={this.props.refresh}
             >
                 <i className="icon--refresh icon--pink" />
diff --git a/assets/styles/navbar.scss b/assets/styles/navbar.scss
index 509da2018..a1dd2d2b0 100644
--- a/assets/styles/navbar.scss
+++ b/assets/styles/navbar.scss
@@ -574,4 +574,12 @@ nav.search {
             display: none;
         }
     }
-}
\ No newline at end of file
+}
+
+.navbar--list-controls:has(.navbar__inner--icon) {
+    display: flex;
+
+    .navbar__inner--buttons {
+        display: none;
+    }
+}
diff --git a/assets/wire/components/ListViewControls.tsx b/assets/wire/components/ListViewControls.tsx
index 8e70ec3e4..55ab95ed4 100644
--- a/assets/wire/components/ListViewControls.tsx
+++ b/assets/wire/components/ListViewControls.tsx
@@ -7,6 +7,7 @@ import NewsOnlyControl from './NewsOnlyControl';
 import SearchAllVersionsControl from './SearchAllVersionsControl';
 import ListViewOptions from '../../components/ListViewOptions';
 import {ListSearchOptions} from './ListSearchOptions';
+import NewItemsIcon from 'search/components/NewItemsIcon';
 
 function ListViewControls({
     activeView,
@@ -18,10 +19,20 @@ function ListViewControls({
     hideSearchAllVersions,
     searchAllVersions,
     toggleSearchAllVersions,
+    newItems,
+    fetchItems,
 }: any) {
     return(
         <div className="navbar navbar--flex navbar--small navbar--list-controls">
-            <div className="navbar__inner navbar__inner--end">
+            {!(newItems || []).length ? null : (
+                <div className="navbar__inner navbar__inner--icon">
+                    <NewItemsIcon
+                        newItems={newItems}
+                        refresh={fetchItems}
+                    />
+                </div>
+            )}
+            <div className="navbar__inner navbar__inner--end navbar__inner--buttons">
                 {hideSearchAllVersions ? null : (
                     <SearchAllVersionsControl
                         activeNavigation={activeNavigation}
@@ -63,6 +74,8 @@ ListViewControls.propTypes = {
     hideSearchAllVersions: PropTypes.bool,
     searchAllVersions: PropTypes.bool,
     toggleSearchAllVersions: PropTypes.func,
+    newItems: PropTypes.array,
+    fetchItems: PropTypes.func,
 };
 
 export default ListViewControls;
diff --git a/assets/wire/components/WireApp.tsx b/assets/wire/components/WireApp.tsx
index e386c59b2..68b3002d5 100644
--- a/assets/wire/components/WireApp.tsx
+++ b/assets/wire/components/WireApp.tsx
@@ -62,7 +62,6 @@ import {
     listConfigSelector,
     advancedSearchTabsConfigSelector,
 } from 'ui/selectors';
-import NewItemsIcon from 'search/components/NewItemsIcon';
 
 const modals: any = {
     shareItem: ShareItemModal,
@@ -238,17 +237,9 @@ class WireApp extends SearchBase<any> {
                                     hideSearchAllVersions={!(this.props.context === 'wire' && DISPLAY_ALL_VERSIONS_TOGGLE)}
                                     searchAllVersions={this.props.searchAllVersions}
                                     toggleSearchAllVersions={this.props.toggleSearchAllVersions}
+                                    newItems={this.props.newItems}
+                                    fetchItems={this.props.fetchItems}
                                 />
-                                {!(this.props.newItems || []).length ? null : (
-                                    <div className="navbar navbar--flex navbar--small">
-                                        <div className="navbar__inner navbar__inner--end">
-                                            <NewItemsIcon
-                                                newItems={this.props.newItems}
-                                                refresh={this.props.fetchItems}
-                                            />
-                                        </div>
-                                    </div>
-                                )}
                             </div>
                             <ItemsList
                                 actions={this.props.actions}