From ec86b774f550b02067df9f8cb4265cc6f6f2e22b Mon Sep 17 00:00:00 2001
From: malavikakoppula <83021791+malavikakoppula@users.noreply.github.com>
Date: Wed, 29 May 2024 14:56:19 -0400
Subject: [PATCH] [Themes-1688] Fixed inconsistent image width (#2088)

Fixed inconsistent image width

---------

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Malavika Koppula <mkreddy1110@gmail.com>
Co-authored-by: Anna Sherman <sherman.anna@gmail.com>
Co-authored-by: LauraPinilla <54566275+LauraPinilla@users.noreply.github.com>
Co-authored-by: blakeganderson <85515364+blakeganderson@users.noreply.github.com>
---
 .storybook/themes/news.scss                  | 25 ++++++++++----------
 blocks/top-table-list-block/themes/news.json |  7 +++---
 2 files changed, 17 insertions(+), 15 deletions(-)

diff --git a/.storybook/themes/news.scss b/.storybook/themes/news.scss
index 26a6c49d2a..f332cbddc4 100644
--- a/.storybook/themes/news.scss
+++ b/.storybook/themes/news.scss
@@ -3968,7 +3968,17 @@
 						),
 						"divider": (
 							"clear": both,
-							"margin-block-start": var(--global-spacing-5)
+							"margin-block-start": var(--global-spacing-5),
+						),
+						"heading": (
+							"font-size": var(--heading-level-5-font-size),
+							"font-weight": var(--heading-level-5-font-weight),
+							"line-height": var(--heading-level-5-line-height),
+							"margin-block-end": var(--global-spacing-4),
+							"inline-size": 66%
+						),
+						"link": (
+							"position": relative,
 						),
 						"media-item": (
 							"float": inline-end,
@@ -3978,15 +3988,6 @@
 							"margin-inline-start": 0,
 							"max-inline-size": 100px
 						),
-						"heading": (
-							"font-size": var(--heading-level-5-font-size),
-							"font-weight": var(--heading-level-5-font-weight),
-							"line-height": var(--heading-level-5-line-height),
-							"margin-block-end": var(--global-spacing-4)
-						),
-						"link": (
-							"position": relative
-						),
 						"paragraph": (
 							"display": block
 						),
@@ -4065,7 +4066,7 @@
 					)
 				),
 				"top-table-list-small-left": (
-					"grid-template-columns": 1fr 2fr,
+					"grid-template-columns": auto 66%,
 					"components": (
 						"divider": (
 							"grid-column": span 2
@@ -4073,7 +4074,7 @@
 					)
 				),
 				"top-table-list-small-right": (
-					"grid-template-columns": 2fr 1fr,
+					"grid-template-columns": 66% auto,
 					"components": (
 						"divider": (
 							"grid-column": span 2
diff --git a/blocks/top-table-list-block/themes/news.json b/blocks/top-table-list-block/themes/news.json
index 9eb003cb0d..20e6dc6b18 100644
--- a/blocks/top-table-list-block/themes/news.json
+++ b/blocks/top-table-list-block/themes/news.json
@@ -158,7 +158,8 @@
 						"font-size": "var(--heading-level-5-font-size)",
 						"font-weight": "var(--heading-level-5-font-weight)",
 						"line-height": "var(--heading-level-5-line-height)",
-						"margin-block-end": "var(--global-spacing-4)"
+						"margin-block-end": "var(--global-spacing-4)",
+						"inline-size": "66%"
 					},
 					"link": {
 						"position": "relative"
@@ -359,7 +360,7 @@
 	"top-table-list-small-left": {
 		"styles": {
 			"default": {
-				"grid-template-columns": "1fr 2fr",
+				"grid-template-columns": "auto 66%",
 				"components": {
 					"divider": {
 						"grid-column": "span 2"
@@ -372,7 +373,7 @@
 	"top-table-list-small-right": {
 		"styles": {
 			"default": {
-				"grid-template-columns": "2fr 1fr",
+				"grid-template-columns": "66% auto",
 				"components": {
 					"divider": {
 						"grid-column": "span 2"