diff --git a/client/src/components/OfflineWarning/OfflineWarning.js b/client/src/components/OfflineWarning/OfflineWarning.js
index 7d6089401a..ed1f6dd4ec 100644
--- a/client/src/components/OfflineWarning/OfflineWarning.js
+++ b/client/src/components/OfflineWarning/OfflineWarning.js
@@ -25,7 +25,7 @@ function OfflineWarning({ isOnline, isSignedIn }) {
   }
 
   return showWarning ? (
-    <div className='offline-warning'>
+    <div className='offline-warning alert-info'>
       You appear to be offline, your progress may not be being saved.
     </div>
   ) : null;
diff --git a/client/src/components/OfflineWarning/offline-warning.css b/client/src/components/OfflineWarning/offline-warning.css
index f8adedeeb0..34ec578d28 100644
--- a/client/src/components/OfflineWarning/offline-warning.css
+++ b/client/src/components/OfflineWarning/offline-warning.css
@@ -3,5 +3,4 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  background: lightblue;
 }