From bba60cc45b2bad7e78faaa46342aceeca536fc72 Mon Sep 17 00:00:00 2001
From: Flashy78 <90150289+Flashy78@users.noreply.github.com>
Date: Sun, 24 Sep 2023 19:24:08 -0700
Subject: [PATCH] Fix width of image selection arrow div (#4142)

---
 ui/v2.5/src/components/Shared/ScrapeDialog/ScrapeDialog.tsx | 2 +-
 ui/v2.5/src/components/Shared/styles.scss                   | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/ui/v2.5/src/components/Shared/ScrapeDialog/ScrapeDialog.tsx b/ui/v2.5/src/components/Shared/ScrapeDialog/ScrapeDialog.tsx
index 8796aab0254..cbe52d113bc 100644
--- a/ui/v2.5/src/components/Shared/ScrapeDialog/ScrapeDialog.tsx
+++ b/ui/v2.5/src/components/Shared/ScrapeDialog/ScrapeDialog.tsx
@@ -402,7 +402,7 @@ export const ScrapedImagesRow: React.FC<IScrapedImagesRowProps> = (props) => {
         />
       )}
       renderNewField={() => (
-        <div>
+        <div className="image-selection-parent">
           <ImageSelector
             imageClassName={props.className}
             images={props.images}
diff --git a/ui/v2.5/src/components/Shared/styles.scss b/ui/v2.5/src/components/Shared/styles.scss
index 88a192c1b71..fccb86a0a8f 100644
--- a/ui/v2.5/src/components/Shared/styles.scss
+++ b/ui/v2.5/src/components/Shared/styles.scss
@@ -144,6 +144,10 @@
     padding-right: 15px;
   }
 
+  .image-selection-parent {
+    min-width: 100%;
+  }
+
   .image-selection {
     .select-buttons {
       align-items: center;
@@ -369,6 +373,7 @@ div.react-datepicker {
 
   .react-datepicker__day {
     color: $text-color;
+
     &.react-datepicker__day--disabled {
       color: $text-muted;
     }
@@ -438,6 +443,7 @@ div.react-datepicker {
     }
   }
 }
+
 /* stylelint-enable */
 
 #date-picker-portal .react-datepicker-popper {