diff --git a/webclient/src/Article.js b/webclient/src/Article.js
index 03f8afd..a2cff1a 100644
--- a/webclient/src/Article.js
+++ b/webclient/src/Article.js
@@ -57,14 +57,10 @@ function Article({ cache }) {
 
 	return (
 		<div className='article-container'>
-			{error ?
-				<details style={{marginBottom: '1rem'}}>
-					<summary>Connection error? Click to expand.</summary>
-					<p>{error}</p>
-				</details>
-			:
-				<div style={{marginBottom: '2rem'}}></div>
-			}
+			<details style={{marginBottom: '1rem', visibility: error ? 'visible' : 'hidden'}}>
+				<summary>Connection error? Click to expand.</summary>
+				<p>{error}</p>
+			</details>
 			{story ?
 				<div className='article'>
 					<Helmet>
diff --git a/webclient/src/Feed.js b/webclient/src/Feed.js
index 3482355..4c035e1 100644
--- a/webclient/src/Feed.js
+++ b/webclient/src/Feed.js
@@ -96,12 +96,10 @@ function Feed({ updateCache }) {
 				<title>QotNews</title>
 				<meta name="robots" content="index" />
 			</Helmet>
-			{error &&
-				<details style={{marginBottom: '1rem'}}>
-					<summary>Connection error? Click to expand.</summary>
-					<p>{error}</p>
-				</details>
-			}
+			<details style={{marginBottom: '1rem', visibility: error ? 'visible' : 'hidden'}}>
+				<summary>Connection error? Click to expand.</summary>
+				<p>{error}</p>
+			</details>
 			{stories ?
 				<div>
 					{stories.map(x =>