Merge pull request #36076 from infinitered/cdanwards/style-fix/receip…

…t-empty
Expensify · Feb 8, 2024 · 9f37d3e · 9f37d3e
2 parents 4cb6e99 + 6930d51
commit 9f37d3e
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/src/components/ReceiptEmptyState.tsx b/src/components/ReceiptEmptyState.tsx
@@ -28,7 +28,7 @@ function ReceiptEmptyState({hasError = false, onPress = () => {}}: ReceiptEmptyS
         >
             <Icon
                 src={Expensicons.EmptyStateAttachReceipt}
-                width={variables.eReceiptIconWidth}
+                width={variables.eReceiptEmptyIconWidth}
                 height={variables.eReceiptIconHeight}
             />
         </PressableWithoutFeedback>

diff --git a/src/styles/index.ts b/src/styles/index.ts
@@ -4081,8 +4081,9 @@ const styles = (theme: ThemeColors) =>
         },
 
         moneyRequestAttachReceipt: {
-            backgroundColor: theme.appBG,
-            borderColor: theme.textSupporting,
+            backgroundColor: theme.highlightBG,
+            borderColor: theme.border,
+            borderWidth: 1,
         },
 
         mapViewContainer: {

diff --git a/src/styles/variables.ts b/src/styles/variables.ts
@@ -167,6 +167,7 @@ export default {
     eReceiptThumnailCenterReceiptBreakpoint: 200,
     eReceiptIconHeight: 100,
     eReceiptIconWidth: 72,
+    eReceiptEmptyIconWidth: 76,
     eReceiptMCCHeightWidth: 40,
     eReceiptIconHeightSmall: 65,
     eReceiptIconWidthSmall: 46,