diff --git a/src/components/Button/Button.tsx b/src/components/Button/Button.tsx
index 886a36654d38..41437d6ea494 100644
--- a/src/components/Button/Button.tsx
+++ b/src/components/Button/Button.tsx
@@ -39,7 +39,9 @@ const StyledButton = styled.button<{ variant: ButtonProps["variant"] }>`
   font-size: 0.8125rem;
   font-weight: 700;
   font-family: ${({ theme }) => theme.typography.fonts.base};
-  transition: all 0.16s ease-in-out;
+  transition: background-color, box-shadow, opacity;
+  transition-duration: 0.16s;
+  transition-timing-function: ease-in-out;
   text-decoration: none;
 
   &:hover {
diff --git a/src/features/GuidedTour/GuidedTour.tsx b/src/features/GuidedTour/GuidedTour.tsx
index d5f19f71011b..76f7d9244bd9 100644
--- a/src/features/GuidedTour/GuidedTour.tsx
+++ b/src/features/GuidedTour/GuidedTour.tsx
@@ -131,7 +131,9 @@ export function GuidedTour({
       floaterProps={{
         styles: {
           floater: {
-            padding: "8px 0 0 8px",
+            padding: 0,
+            paddingLeft: 8,
+            paddingTop: 8,
             filter:
               "drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1))",
           },
diff --git a/src/features/WriteStoriesModal/WriteStoriesModal.tsx b/src/features/WriteStoriesModal/WriteStoriesModal.tsx
index 43b89df12953..aa711b331dbc 100644
--- a/src/features/WriteStoriesModal/WriteStoriesModal.tsx
+++ b/src/features/WriteStoriesModal/WriteStoriesModal.tsx
@@ -120,6 +120,7 @@ export const WriteStoriesModal: FC<WriteStoriesModalProps> = ({
                 onClick={() => copyWarningStory()}
                 style={{
                   position: "absolute",
+                  opacity: clipboardButtonBounds.width ? 1 : 0,
                   top: backdropBoundary.top + backdropBoundary.height - 45,
                   left:
                     backdropBoundary.left +