Added styling fix for the figure lement for block API 3

10up · Oct 6, 2023 · df92c33 · df92c33
1 parent 786c680
commit df92c33
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/components/image/styles.js b/components/image/styles.js
@@ -1,11 +1,12 @@
 import styled from '@emotion/styled';
 
 export const InlineControlsStyleWrapper = styled('figure')`
+	line-height: 0;
 	position: relative;
 	margin: 0;
-	line-height: 0;
 
 	& img {
+		max-width: 100%;
 		min-width: 100%;
 		min-height: 100%;
 	}
@@ -31,11 +32,11 @@ export const InlineControlsStyleWrapper = styled('figure')`
 	}
 
 	& .inline-controls-sticky-wrapper {
+		height: 100%;
+		left: 0;
 		position: absolute;
 		top: 0;
-		left: 0;
 		width: 100%;
-		height: 100%;
 	}
 
 	& .inline-controls {