diff --git a/webclient/src/Article.js b/webclient/src/Article.js
index 34e8bd6..03f8afd 100644
--- a/webclient/src/Article.js
+++ b/webclient/src/Article.js
@@ -57,11 +57,13 @@ function Article({ cache }) {
 
 	return (
 		<div className='article-container'>
-			{error &&
+			{error ?
 				<details style={{marginBottom: '1rem'}}>
 					<summary>Connection error? Click to expand.</summary>
 					<p>{error}</p>
 				</details>
+			:
+				<div style={{marginBottom: '2rem'}}></div>
 			}
 			{story ?
 				<div className='article'>
diff --git a/webclient/src/Feed.js b/webclient/src/Feed.js
index 67f28f3..3482355 100644
--- a/webclient/src/Feed.js
+++ b/webclient/src/Feed.js
@@ -56,6 +56,9 @@ function Feed({ updateCache }) {
 								currentStories.splice(existingStoryIndex, 1);
 							}
 							currentStories.unshift(newStory);
+
+							localStorage.setItem('stories', JSON.stringify(currentStories));
+							setStories(currentStories);
 						} catch (error) {
 							let errorMessage;
 							if (error.name === 'AbortError') {