diff --git a/stylesheets/_variables.scss b/stylesheets/_variables.scss
index 8ab1f0dea9..b34a9b83e4 100644
--- a/stylesheets/_variables.scss
+++ b/stylesheets/_variables.scss
@@ -53,6 +53,7 @@ $color-white-alpha-20: rgba($color-white, 0.2);
 $color-white-alpha-30: rgba($color-white, 0.3);
 $color-white-alpha-40: rgba($color-white, 0.4);
 $color-white-alpha-50: rgba($color-white, 0.5);
+$color-white-alpha-55: rgba($color-white, 0.55);
 $color-white-alpha-60: rgba($color-white, 0.6);
 $color-white-alpha-70: rgba($color-white, 0.7);
 $color-white-alpha-80: rgba($color-white, 0.8);
diff --git a/stylesheets/components/CompositionInput.scss b/stylesheets/components/CompositionInput.scss
index 8bb09f3d70..062ac40902 100644
--- a/stylesheets/components/CompositionInput.scss
+++ b/stylesheets/components/CompositionInput.scss
@@ -494,8 +494,8 @@ button.CompositionInput__link-preview__close-button {
   -webkit-mask: none;
   @include mixins.rounded-corners;
   align-items: center;
-  backdrop-filter: blur(32px);
-  background: variables.$color-white-alpha-80;
+  backdrop-filter: blur(12px);
+  background: rgba(variables.$color-gray-05, 0.8);
   display: flex;
   height: 20px;
   justify-content: center;
@@ -503,20 +503,26 @@ button.CompositionInput__link-preview__close-button {
   top: 6px;
   width: 20px;
 
+  @include mixins.dark-theme {
+    background-color: rgba(variables.$color-gray-75, 0.8);
+    -webkit-mask: none;
+  }
+
   &::before {
     @include mixins.color-svg(
       '../images/icons/v3/x/x.svg',
-      variables.$color-gray-75
+      variables.$color-black-alpha-50
     );
+
+    @include mixins.dark-theme {
+      background-color: variables.$color-white-alpha-55;
+    }
+
     & {
       content: '';
       height: 16px;
       width: 16px;
     }
-
-    @include mixins.dark-theme {
-      background-color: variables.$color-gray-05;
-    }
   }
 }
 
diff --git a/ts/components/conversation/StagedLinkPreview.stories.tsx b/ts/components/conversation/StagedLinkPreview.stories.tsx
index 4f0c09e60d..facf813186 100644
--- a/ts/components/conversation/StagedLinkPreview.stories.tsx
+++ b/ts/components/conversation/StagedLinkPreview.stories.tsx
@@ -112,3 +112,15 @@ EverythingImageTitleDescriptionAndDate.args = {
     contentType: IMAGE_JPEG,
   }),
 };
+
+export const CompositionInput = Template.bind({});
+CompositionInput.args = {
+  ...getDefaultProps(),
+  moduleClassName: 'CompositionInput__link-preview',
+  title: LONG_TITLE,
+  description: LONG_DESCRIPTION,
+  image: fakeAttachment({
+    url: '/fixtures/kitten-4-112-112.jpg',
+    contentType: IMAGE_JPEG,
+  }),
+};