diff --git a/components/brave_new_tab_ui/components/default/braveNews/FeedV2.tsx b/components/brave_new_tab_ui/components/default/braveNews/FeedV2.tsx
index fc6ca4194b0d..405192205b63 100644
--- a/components/brave_new_tab_ui/components/default/braveNews/FeedV2.tsx
+++ b/components/brave_new_tab_ui/components/default/braveNews/FeedV2.tsx
@@ -14,7 +14,6 @@ import FeedNavigation from '../../../../brave_news/browser/resources/FeedNavigat
 import NewsButton from '../../../../brave_news/browser/resources/NewsButton'
 import Variables from '../../../../brave_news/browser/resources/Variables'
 import { useBraveNews } from '../../../../brave_news/browser/resources/shared/Context'
-import { isPublisherEnabled } from '../../../../brave_news/browser/resources/shared/api'
 import { CLASSNAME_PAGE_STUCK } from '../page'
 
 const Root = styled(Variables)`
@@ -73,23 +72,7 @@ const LoadNewContentButton = styled(NewsButton)`
 `
 
 export default function FeedV2() {
-  const { feedV2, setCustomizePage, refreshFeedV2, feedV2UpdatesAvailable, publishers, channels } = useBraveNews()
-
-  // We don't want to decide whether we have subscriptions until the publishers
-  // and channels have loaded.
-  const loaded = React.useMemo(() => !!Object.values(publishers).length && !!Object.values(channels).length, [publishers, channels])
-
-  // This is a bit of an interesting |useMemo| - we only want it to be updated
-  // when the feed changes so as to not break the case where:
-  // 1. The user has no feeds (we show the NoFeeds card)
-  // 2. The user subscribes to a feed (we should still show the NoFeeds card,
-  //    not the "Empty Feed")
-  // To achieve this, |hasSubscriptions| is only updated when the feed changes,
-  // or the opt-in status is changed.
-  const hasSubscriptions = React.useMemo(() => !loaded
-    || Object.values(publishers).some(isPublisherEnabled)
-    || Object.values(channels).some(c => c.subscribedLocales.length), [feedV2, loaded])
-
+  const { feedV2, setCustomizePage, refreshFeedV2, feedV2UpdatesAvailable } = useBraveNews()
   const ref = React.useRef<HTMLDivElement>()
 
   // Note: Whenever the feed is updated, if we're viewing the feed, scroll to
@@ -111,7 +94,7 @@ export default function FeedV2() {
       {feedV2UpdatesAvailable && <LoadNewContentButton onClick={refreshFeedV2}>
         {getLocale('braveNewsNewContentAvailable')}
       </LoadNewContentButton>}
-      <Feed feed={feedV2} hasSubscriptions={hasSubscriptions} />
+      <Feed feed={feedV2} />
     </Flex>
 
     <ButtonsContainer>
diff --git a/components/brave_news/browser/brave_news_controller.cc b/components/brave_news/browser/brave_news_controller.cc
index 3da77549ec69..bdb96052d02b 100644
--- a/components/brave_news/browser/brave_news_controller.cc
+++ b/components/brave_news/browser/brave_news_controller.cc
@@ -49,6 +49,7 @@
 #include "components/prefs/scoped_user_pref_update.h"
 #include "mojo/public/cpp/bindings/pending_remote.h"
 #include "mojo/public/cpp/bindings/remote_set.h"
+#include "net/base/network_change_notifier.h"
 #include "services/network/public/cpp/shared_url_loader_factory.h"
 #include "services/network/public/cpp/simple_url_loader.h"
 
@@ -119,6 +120,8 @@ BraveNewsController::BraveNewsController(
       publishers_observation_(this),
       weak_ptr_factory_(this) {
   DCHECK(prefs_);
+  net::NetworkChangeNotifier::AddNetworkChangeObserver(this);
+
   // Set up preference listeners
   pref_change_registrar_.Init(prefs_);
   pref_change_registrar_.Add(
@@ -142,7 +145,9 @@ BraveNewsController::BraveNewsController(
   ConditionallyStartOrStopTimer();
 }
 
-BraveNewsController::~BraveNewsController() = default;
+BraveNewsController::~BraveNewsController() {
+  net::NetworkChangeNotifier::RemoveNetworkChangeObserver(this);
+}
 
 void BraveNewsController::Bind(
     mojo::PendingReceiver<mojom::BraveNewsController> receiver) {
@@ -840,4 +845,15 @@ void BraveNewsController::OnPublishersUpdated(
   }
 }
 
+void BraveNewsController::OnNetworkChanged(
+    net::NetworkChangeNotifier::ConnectionType type) {
+  if (!GetIsEnabled(prefs_)) {
+    return;
+  }
+
+  // Ensure publishers are fetched (this won't do anything if they are). This
+  // handles the case where Brave News is started with no network.
+  publishers_controller_.GetOrFetchPublishers(base::DoNothing());
+}
+
 }  // namespace brave_news
diff --git a/components/brave_news/browser/brave_news_controller.h b/components/brave_news/browser/brave_news_controller.h
index 6a9a009149dd..f8987051e650 100644
--- a/components/brave_news/browser/brave_news_controller.h
+++ b/components/brave_news/browser/brave_news_controller.h
@@ -16,6 +16,7 @@
 #include "base/memory/scoped_refptr.h"
 #include "base/scoped_observation.h"
 #include "base/task/cancelable_task_tracker.h"
+#include "base/time/time.h"
 #include "base/timer/timer.h"
 #include "brave/components/api_request_helper/api_request_helper.h"
 #include "brave/components/brave_news/browser/channels_controller.h"
@@ -37,6 +38,8 @@
 #include "mojo/public/cpp/bindings/receiver_set.h"
 #include "mojo/public/cpp/bindings/remote.h"
 #include "mojo/public/cpp/bindings/remote_set.h"
+#include "net/base/network_change_notifier.h"
+#include "services/network/public/cpp/network_connection_tracker.h"
 #include "services/network/public/cpp/shared_url_loader_factory.h"
 
 class PrefRegistrySimple;
@@ -62,9 +65,11 @@ bool GetIsEnabled(PrefService* prefs);
 // Orchestrates FeedController and PublishersController for data, as well as
 // owning prefs data.
 // Controls remote feed update logic via Timer and prefs values.
-class BraveNewsController : public KeyedService,
-                            public mojom::BraveNewsController,
-                            public PublishersController::Observer {
+class BraveNewsController
+    : public KeyedService,
+      public mojom::BraveNewsController,
+      public PublishersController::Observer,
+      public net::NetworkChangeNotifier::NetworkChangeObserver {
  public:
   static void RegisterProfilePrefs(PrefRegistrySimple* registry);
 
@@ -151,6 +156,10 @@ class BraveNewsController : public KeyedService,
   // PublishersController::Observer:
   void OnPublishersUpdated(brave_news::PublishersController*) override;
 
+  // net::NetworkChangeNotifier::NetworkChangeObserver:
+  void OnNetworkChanged(
+      net::NetworkChangeNotifier::ConnectionType type) override;
+
  private:
   void OnOptInChange();
   void ConditionallyStartOrStopTimer();
diff --git a/components/brave_news/browser/feed_v2_builder.cc b/components/brave_news/browser/feed_v2_builder.cc
index f88efd3886d2..04d6d9875181 100644
--- a/components/brave_news/browser/feed_v2_builder.cc
+++ b/components/brave_news/browser/feed_v2_builder.cc
@@ -74,13 +74,18 @@ using ContentGroup = std::pair<std::string, bool>;
 constexpr char kAllContentGroup[] = "all";
 constexpr float kSampleContentGroupAllRatio = 0.2f;
 
-std::string GetFeedHash(const Channels& channels,
-                        const Publishers& publishers,
-                        const ETags& etags) {
+// Returns a tuple of the feed hash and the number of subscribed publishers.
+std::tuple<std::string, size_t> GetFeedHashAndSubscribedCount(
+    const Channels& channels,
+    const Publishers& publishers,
+    const ETags& etags) {
   std::vector<std::string> hash_items;
+  size_t subscribed_count = 0;
+
   for (const auto& [channel_id, channel] : channels) {
     if (!channel->subscribed_locales.empty()) {
       hash_items.push_back(channel_id);
+      subscribed_count++;
     }
   }
 
@@ -88,6 +93,7 @@ std::string GetFeedHash(const Channels& channels,
     if (publisher->user_enabled_status == mojom::UserEnabled::ENABLED ||
         publisher->type == mojom::PublisherType::DIRECT_SOURCE) {
       hash_items.push_back(id);
+      subscribed_count++;
     }
 
     // Disabling a publisher should also change the hash, as it will affect what
@@ -108,7 +114,7 @@ std::string GetFeedHash(const Channels& channels,
     hash = base::NumberToString(hasher(hash + hash_item));
   }
 
-  return hash;
+  return {hash, subscribed_count};
 }
 
 // Gets all relevant signals for an article.
@@ -905,7 +911,8 @@ void FeedV2Builder::RecheckFeedHash() {
   const auto& publishers = publishers_controller_->GetLastPublishers();
   auto channels =
       channels_controller_->GetChannelsFromPublishers(publishers, &*prefs_);
-  hash_ = GetFeedHash(channels, publishers, feed_etags_);
+  std::tie(hash_, subscribed_count_) =
+      GetFeedHashAndSubscribedCount(channels, publishers, feed_etags_);
   for (const auto& listener : listeners_) {
     listener->OnUpdateAvailable(hash_);
   }
@@ -1058,7 +1065,8 @@ void FeedV2Builder::NotifyUpdateCompleted() {
   const auto& publishers = publishers_controller_->GetLastPublishers();
   auto channels =
       channels_controller_->GetChannelsFromPublishers(publishers, &*prefs_);
-  hash_ = GetFeedHash(channels, publishers, feed_etags_);
+  std::tie(hash_, subscribed_count_) =
+      GetFeedHashAndSubscribedCount(channels, publishers, feed_etags_);
 
   // Fire all the pending callbacks.
   for (auto& callback : current_update_->callbacks) {
@@ -1100,6 +1108,16 @@ void FeedV2Builder::GenerateFeed(
             feed->type = std::move(type);
             feed->source_hash = builder->hash_;
 
+            if (feed->items.empty()) {
+              if (builder->raw_feed_items_.size() == 0) {
+                feed->error = mojom::FeedV2Error::ConnectionError;
+              } else if (builder->subscribed_count_ == 0) {
+                feed->error = mojom::FeedV2Error::NoFeeds;
+              } else {
+                feed->error = mojom::FeedV2Error::NoArticles;
+              }
+            }
+
             std::move(callback).Run(feed->Clone());
           },
           weak_ptr_factory_.GetWeakPtr(), std::move(type),
@@ -1186,6 +1204,12 @@ mojom::FeedV2Ptr FeedV2Builder::GenerateAllFeed() {
     }
   }
 
+  // If we aren't subscribed to anything, or we failed to fetch any articles
+  // from the internet, don't try and generate a feed.
+  if (eligible_content_groups.size() == 0 || raw_feed_items_.size() == 0) {
+    return feed;
+  }
+
   // Step 1: Generate a block
   // https://docs.google.com/document/d/1bSVHunwmcHwyQTpa3ab4KRbGbgNQ3ym_GHvONnrBypg/edit#heading=h.rkq699fwps0
   std::vector<mojom::FeedItemV2Ptr> initial_block =
diff --git a/components/brave_news/browser/feed_v2_builder.h b/components/brave_news/browser/feed_v2_builder.h
index f7c1a3a01e19..f4c29b527b66 100644
--- a/components/brave_news/browser/feed_v2_builder.h
+++ b/components/brave_news/browser/feed_v2_builder.h
@@ -6,6 +6,7 @@
 #ifndef BRAVE_COMPONENTS_BRAVE_NEWS_BROWSER_FEED_V2_BUILDER_H_
 #define BRAVE_COMPONENTS_BRAVE_NEWS_BROWSER_FEED_V2_BUILDER_H_
 
+#include <cstddef>
 #include <memory>
 #include <optional>
 #include <string>
@@ -155,6 +156,7 @@ class FeedV2Builder : public PublishersController::Observer {
   Signals signals_;
   std::vector<std::string> suggested_publisher_ids_;
   TopicsResult topics_;
+  size_t subscribed_count_ = 0;
 
   std::optional<UpdateRequest> current_update_;
   std::optional<UpdateRequest> next_update_;
diff --git a/components/brave_news/browser/publishers_controller.cc b/components/brave_news/browser/publishers_controller.cc
index 9edf7f6efc5e..4d7e06c498c2 100644
--- a/components/brave_news/browser/publishers_controller.cc
+++ b/components/brave_news/browser/publishers_controller.cc
@@ -202,7 +202,13 @@ void PublishersController::EnsurePublishersIsUpdating() {
         // TODO(petemill): handle bad status or response
         std::optional<Publishers> publisher_list =
             ParseCombinedPublisherList(api_request_result.value_body());
+
+        // Update failed, we'll just reuse whatever publishers we had before.
         if (!publisher_list) {
+          controller->on_current_update_complete_->Signal();
+          controller->is_update_in_progress_ = false;
+          controller->on_current_update_complete_ =
+              std::make_unique<base::OneShotEvent>();
           return;
         }
 
diff --git a/components/brave_news/browser/resources/Feed.tsx b/components/brave_news/browser/resources/Feed.tsx
index 9645714eb637..a4a93471babc 100644
--- a/components/brave_news/browser/resources/Feed.tsx
+++ b/components/brave_news/browser/resources/Feed.tsx
@@ -4,7 +4,7 @@
 // You can obtain one at https://mozilla.org/MPL/2.0/.
 
 import { spacing } from "@brave/leo/tokens/css";
-import { FeedItemV2, FeedV2 } from "gen/brave/components/brave_news/common/brave_news.mojom.m";
+import { FeedItemV2, FeedV2, FeedV2Error } from "gen/brave/components/brave_news/common/brave_news.mojom.m";
 import * as React from 'react';
 import styled from "styled-components";
 import Advert from "./feed/Ad";
@@ -17,6 +17,7 @@ import LoadingCard from "./feed/LoadingCard";
 import NoArticles from "./feed/NoArticles";
 import NoFeeds from "./feed/NoFeeds";
 import { getHistoryValue, setHistoryState } from "./shared/history";
+import NotConnected from "./feed/NotConnected";
 
 // Restoring scroll position is complicated - we have two available strategies:
 // 1. Scroll to the same position - as long as the window hasn't been resized,
@@ -45,7 +46,6 @@ const FeedContainer = styled.div`
 
 interface Props {
   feed: FeedV2 | undefined;
-  hasSubscriptions: boolean;
 }
 
 const getKey = (feedItem: FeedItemV2, index: number): React.Key => {
@@ -76,7 +76,13 @@ const saveScrollPos = (itemId: React.Key) => () => {
   })
 }
 
-export default function Component({ feed, hasSubscriptions }: Props) {
+const errors = {
+  [FeedV2Error.ConnectionError]: <NotConnected/>,
+  [FeedV2Error.NoArticles]: <NoArticles />,
+  [FeedV2Error.NoFeeds]: <NoFeeds />
+}
+
+export default function Component({ feed }: Props) {
   const [cardCount, setCardCount] = React.useState(getHistoryValue(HISTORY_CARD_COUNT, PAGE_SIZE));
 
   // Store the number of cards we've loaded in history - otherwise when we
@@ -145,18 +151,12 @@ export default function Component({ feed, hasSubscriptions }: Props) {
     })
   }, [cardCount, feed?.items])
 
-  // An empty feed may still have ads in it, so we need to filter them out to
-  // determine if there are no articles.
-  const noArticles = React.useMemo(() => !feed?.items.filter(i => !i.advert).length, [feed])
-
   return <FeedContainer className={NEWS_FEED_CLASS}>
     {feed
-      ? noArticles
-        ? hasSubscriptions ? <NoArticles /> : <NoFeeds />
-        : <>
-          {cards}
-          <CaughtUp />
-        </>
+      ? errors[feed.error!] ?? <>
+        {cards}
+        <CaughtUp />
+      </>
       : <LoadingCard />}
   </FeedContainer>
 }
diff --git a/components/brave_news/browser/resources/FeedNavigation.tsx b/components/brave_news/browser/resources/FeedNavigation.tsx
index fba9f5d71eab..8620f11c95af 100644
--- a/components/brave_news/browser/resources/FeedNavigation.tsx
+++ b/components/brave_news/browser/resources/FeedNavigation.tsx
@@ -150,7 +150,7 @@ export default function Sidebar() {
     <Heading>{getLocale('braveNewsMyFeedHeading')}</Heading>
     <Item id='all' name={getLocale('braveNewsForYouFeed')} />
     <Item id='following' name={getLocale('braveNewsFollowingFeed')} />
-    <Section open>
+    {!!subscribedChannels.length && <Section open>
       <summary>
         {Marker}
         {getLocale('braveNewsChannelsHeader')}
@@ -166,8 +166,8 @@ export default function Sidebar() {
             ? getLocale('braveNewsShowLess')
             : getLocale('braveNewsShowAll')}
         </CustomButton>}
-    </Section>
-    <Section open>
+    </Section>}
+    {!!subscribedPublisherIds.length && <Section open>
       <summary>
         {Marker}
         {getLocale('braveNewsPublishersHeading')}
@@ -183,6 +183,6 @@ export default function Sidebar() {
             ? getLocale('braveNewsShowLess')
             : getLocale('braveNewsShowAll')}
         </CustomButton>}
-    </Section>
+    </Section>}
   </Container>
 }
diff --git a/components/brave_news/browser/resources/FeedPage.tsx b/components/brave_news/browser/resources/FeedPage.tsx
index 5d50e6e22e30..0a4881eeb779 100644
--- a/components/brave_news/browser/resources/FeedPage.tsx
+++ b/components/brave_news/browser/resources/FeedPage.tsx
@@ -23,6 +23,6 @@ export default function FeedPage() {
   const { feedV2 } = useBraveNews()
   return <Container>
     <h2>The Feed ({feedV2?.items.length} items. Truncated at {truncate})</h2>
-    <Feed feed={feedV2} hasSubscriptions />
+    <Feed feed={feedV2} />
   </Container>
 }
diff --git a/components/brave_news/browser/resources/feed/LoadingCard.tsx b/components/brave_news/browser/resources/feed/LoadingCard.tsx
index 272c75b77ede..e4ec6a8db2bb 100644
--- a/components/brave_news/browser/resources/feed/LoadingCard.tsx
+++ b/components/brave_news/browser/resources/feed/LoadingCard.tsx
@@ -15,7 +15,6 @@ const Container = styled(Card)`
 
 const Spinner = styled(ProgressRing)`
   --leo-progressring-color: var(--bn-glass-25);
-  backdrop-filter: blur(64px);
 `
 
 export default function LoadingCard() {
diff --git a/components/brave_news/browser/resources/feed/NotConnected.tsx b/components/brave_news/browser/resources/feed/NotConnected.tsx
new file mode 100644
index 000000000000..883ded2ae87b
--- /dev/null
+++ b/components/brave_news/browser/resources/feed/NotConnected.tsx
@@ -0,0 +1,46 @@
+// Copyright (c) 2024 The Brave Authors. All rights reserved.
+// This Source Code Form is subject to the terms of the Mozilla Public
+// License, v. 2.0. If a copy of the MPL was not distributed with this file,
+// You can obtain one at https://mozilla.org/MPL/2.0/.
+
+import Flex from '$web-common/Flex';
+import { spacing } from '@brave/leo/tokens/css';
+import * as React from 'react';
+import styled from 'styled-components';
+import NewsButton from '../NewsButton';
+import { useBraveNews } from '../shared/Context';
+import { Title } from './Card';
+import { getLocale } from '$web-common/locale';
+
+const Container = styled(Flex)`
+  text-align: center;
+
+  padding: ${spacing['3Xl']};
+  gap: ${spacing.m};
+  color: var(--bn-glass-70);
+
+  & > svg {
+    margin-bottom: ${spacing.xl};
+    fill: none;
+  }
+`
+
+export default function NotConnected() {
+  const {  refreshFeedV2 } = useBraveNews()
+  return <Container align='center' direction='column' justify='center' gap={spacing.m}>
+    <svg xmlns='http://www.w3.org/2000/svg' fill='none' width="99" viewBox='0 0 64 46'>
+      <path
+        fill='#F0F2FF'
+        fillRule='evenodd'
+        d='M49.67 46H13.33C5.36 46 0 41.32 0 34.37c0-5.45 3.08-10.33 7.84-12.74l-.02-.84C7.82 9.69 16.92.67 28.1.67a20.3 20.3 0 0118.37 11.65c9.74.4 17.54 8.4 17.54 18.17C64 39.33 57.84 46 49.67 46zm-3.98-28.37c-.24 0-.47.02-.7.05-1.24.14-2.4-.6-2.81-1.77A14.94 14.94 0 0028.08 6a14.88 14.88 0 00-14.92 14.79c0 .68.06 1.37.18 2.11a2.67 2.67 0 01-1.8 2.96 8.95 8.95 0 00-6.2 8.5c0 5.85 6.12 6.3 8 6.3h36.33c4.47 0 9-3.5 9-10.17 0-7.1-5.83-12.86-12.98-12.86zM40 35.33c-.68 0-1.37-.26-1.89-.78-.05-.04-2.06-1.88-6.11-1.88-4.05 0-6.06 1.84-6.14 1.91-1.07 1-2.75.97-3.76-.07a2.65 2.65 0 01.01-3.73c.36-.35 3.63-3.45 9.89-3.45 6.26 0 9.53 3.1 9.89 3.45A2.66 2.66 0 0140 35.33zm-5.33-16H40v5.34h-5.33v-5.34zm-10.67 0h5.33v5.34H24v-5.34z'
+        clipRule='evenodd' />
+    </svg>
+    <Title>{getLocale('braveNewsOfflineTitle')}</Title>
+    <div>
+      {getLocale('braveNewsOfflineMessage')}
+    </div>
+    <NewsButton onClick={refreshFeedV2}>
+      {getLocale('braveNewsRefreshFeed')}
+    </NewsButton>
+  </Container>
+}
diff --git a/components/brave_news/browser/resources/shared/useFeedV2.ts b/components/brave_news/browser/resources/shared/useFeedV2.ts
index a0fe471acf4f..6d0c6555f5f6 100644
--- a/components/brave_news/browser/resources/shared/useFeedV2.ts
+++ b/components/brave_news/browser/resources/shared/useFeedV2.ts
@@ -75,6 +75,11 @@ const maybeLoadFeed = (view?: FeedView) => {
     return undefined
   }
 
+  // Don't load errored feeds.
+  if (feed.error !== undefined) {
+    return undefined
+  }
+
   // If the feed doesn't match what we stored, don't return it.
   return !view || feedTypeToFeedView(feed.type) === view
     ? feed
diff --git a/components/brave_news/common/brave_news.mojom b/components/brave_news/common/brave_news.mojom
index 06d934b674f9..6bd4748f204e 100644
--- a/components/brave_news/common/brave_news.mojom
+++ b/components/brave_news/common/brave_news.mojom
@@ -208,11 +208,20 @@ union FeedV2Type {
   FeedV2ChannelType channel;
 };
 
+enum FeedV2Error {
+  NoArticles,
+  NoFeeds,
+  ConnectionError,
+};
+
 struct FeedV2 {
   mojo_base.mojom.Time construct_time;
   string source_hash;
   FeedV2Type? type;
   array<FeedItemV2> items;
+
+  // If |error| is set items will be empty.
+  FeedV2Error? error;
 };
 
 struct DisplayAd {
diff --git a/components/resources/brave_news_strings.grdp b/components/resources/brave_news_strings.grdp
index 5768225b4460..fedd12a8dab3 100644
--- a/components/resources/brave_news_strings.grdp
+++ b/components/resources/brave_news_strings.grdp
@@ -219,6 +219,12 @@
   <message name="IDS_BRAVE_NEWS_NO_ARTICLES_MESSAGE" desc="Message displayed when there are no articles available">
     There don't seem to be any articles in this feed at this moment. Try coming back later or refreshing the feed.
   </message>
+  <message name="IDS_BRAVE_NEWS_OFFLINE_TITLE" desc="Title of offline message">
+    You appear to be offline
+  </message>
+  <message name="IDS_BRAVE_NEWS_OFFLINE_MESSAGE" desc="Message displayed when offline">
+    Check your internet connection and refresh
+  </message>
   <message name="IDS_BRAVE_NEWS_CUSTOMIZE_FEED" desc="Text of button for opening the customize dialog">
     Customize
   </message>
diff --git a/components/webui/webui_resources.cc b/components/webui/webui_resources.cc
index 118ef11c814d..9a18815adc5c 100644
--- a/components/webui/webui_resources.cc
+++ b/components/webui/webui_resources.cc
@@ -258,6 +258,8 @@ base::span<const webui::LocalizedString> GetWebUILocalizedStrings(
                {"braveNewsNoArticlesTitle", IDS_BRAVE_NEWS_NO_ARTICLES_TITLE},
                {"braveNewsNoArticlesMessage",
                 IDS_BRAVE_NEWS_NO_ARTICLES_MESSAGE},
+               {"braveNewsOfflineTitle", IDS_BRAVE_NEWS_OFFLINE_TITLE},
+               {"braveNewsOfflineMessage", IDS_BRAVE_NEWS_OFFLINE_MESSAGE},
                {"braveNewsCustomizeFeed", IDS_BRAVE_NEWS_CUSTOMIZE_FEED},
                {"braveNewsRefreshFeed", IDS_BRAVE_NEWS_REFRESH_FEED},
                {"braveNewsOpenArticlesIn", IDS_BRAVE_NEWS_OPEN_ARTICLES_IN},