diff --git a/public/assets/disconnected.png b/public/assets/disconnected.png
deleted file mode 100644
index a40aa2bb..00000000
Binary files a/public/assets/disconnected.png and /dev/null differ
diff --git a/public/assets/offline.png b/public/assets/offline.png
index f1ed1dde..a40aa2bb 100644
Binary files a/public/assets/offline.png and b/public/assets/offline.png differ
diff --git a/src/components/BoardAvatar.jsx b/src/components/BoardAvatar.jsx
index deace73b..efa4cf73 100644
--- a/src/components/BoardAvatar.jsx
+++ b/src/components/BoardAvatar.jsx
@@ -16,7 +16,7 @@ const BoardAvatar = ({ address }) => {
   return (
     <div className="board-avatar-container">
       <img
-        className={isOnline ? "board-avatar" : "board-avatar offline"}
+        className="board-avatar"
         alt="board logo"
         src={avatarUrl}
       />
diff --git a/src/components/BoardSubscription.jsx b/src/components/BoardSubscription.jsx
index 65812554..11aa675b 100644
--- a/src/components/BoardSubscription.jsx
+++ b/src/components/BoardSubscription.jsx
@@ -10,7 +10,7 @@ const BoardSubscription = ({ address }) => {
   return (
     <>
       &nbsp;{address}{!isOnline && (
-        <img className="disconnected" alt="offline" src="assets/disconnected.png" />
+        <img className="disconnected" alt="offline" src="assets/offline.png" />
       )}
     </>
   );
diff --git a/src/components/styled/Home.styled.jsx b/src/components/styled/Home.styled.jsx
index 1c9d4c11..954921d0 100644
--- a/src/components/styled/Home.styled.jsx
+++ b/src/components/styled/Home.styled.jsx
@@ -246,11 +246,8 @@ export const BoardsContent = styled.div`
 
   .offline-indicator {
     position: absolute;
-    top: calc(50% - 10px);
-    left: 0;
-    width: 100%;
-    object-fit: cover;
-    z-index: 1;
+    top: 5px;
+    right: 5px;
   }
 
   .board-text {
@@ -298,7 +295,7 @@ export const BoardsContent = styled.div`
   }
 
   .disconnected {
-    width: 15px;
+    width: 13px;
     position: absolute;
   }
 `;
diff --git a/src/components/views/Home.jsx b/src/components/views/Home.jsx
index ff570d33..8297169b 100644
--- a/src/components/views/Home.jsx
+++ b/src/components/views/Home.jsx
@@ -125,9 +125,7 @@ const Home = () => {
                       setSelectedTitle(subplebbit.title);
                       setSelectedAddress(subplebbit.address);
                     }} >
-                      <div className="board-avatar-container">
-                        <BoardAvatar address={subplebbit.address} />
-                      </div>
+                      <BoardAvatar address={subplebbit.address} />
                     </Link>
                     <div className="board-text">
                       <b>{subplebbit.address}</b>