diff --git a/src/components/Consumption/ConsumptionView.tsx b/src/components/Consumption/ConsumptionView.tsx
index 0f00bd72eee46238eee489a97a16ed05d8c48cb6..913a4fa332cc4cd80af83ec531a034014fdd914f 100644
--- a/src/components/Consumption/ConsumptionView.tsx
+++ b/src/components/Consumption/ConsumptionView.tsx
@@ -239,33 +239,20 @@ const ConsumptionView = ({ fluidType }: { fluidType: FluidType }) => {
               key={lastDataDateKey}
             />
             <ConsumptionDetails fluidType={fluidType} />
-            {!isMulti && (
-              <KonnectorViewerCard
-                fluidType={fluidType}
-                isDisconnected={false}
-                showOfflineData={true}
-                setActive={setActive}
-                active={active}
-                key={fluidType}
-              />
-            )}
           </>
         )}
-        {!showOfflineData && (
-          <div className="konnector-section">
-            {isMulti ? (
-              <KonnectorViewerList />
-            ) : (
-              <KonnectorViewerCard
-                fluidType={fluidType}
-                isDisconnected={true}
-                showOfflineData={false}
-                setActive={setActive}
-                active={active}
-              />
-            )}
-          </div>
+
+        {!isMulti && (
+          <KonnectorViewerCard
+            fluidType={fluidType}
+            isDisconnected={!showOfflineData}
+            showOfflineData={showOfflineData}
+            setActive={setActive}
+            active={active}
+          />
         )}
+
+        {!showOfflineData && isMulti && <KonnectorViewerList />}
       </Content>
       {/* MODALS */}
       {openReleaseNoteModal && (