diff --git a/packages/interface/src/components/complementary-area/index.js b/packages/interface/src/components/complementary-area/index.js
index 9b3c6f166bd39..e577ab8ede938 100644
--- a/packages/interface/src/components/complementary-area/index.js
+++ b/packages/interface/src/components/complementary-area/index.js
@@ -102,15 +102,17 @@ function ComplementaryArea( {
 			const { getActiveComplementaryArea, isItemPinned } =
 				select( interfaceStore );
 			const _activeArea = getActiveComplementaryArea( scope );
+			const _isSmall =
+				select( viewportStore ).isViewportMatch( '< medium' );
 
 			return {
 				isActive:
-					_activeArea === undefined
+					_activeArea === undefined && ! _isSmall
 						? undefined
 						: _activeArea === identifier,
 				isPinned: isItemPinned( scope, identifier ),
 				activeArea: _activeArea,
-				isSmall: select( viewportStore ).isViewportMatch( '< medium' ),
+				isSmall: _isSmall,
 				isLarge: select( viewportStore ).isViewportMatch( 'large' ),
 			};
 		},