fix: qa feedback - fixed message request buttons and other theming regressions

Author: yougotwill

ts/components/conversation/ConversationRequestButtons.tsx

@@ -37,6 +37,10 @@ const ConversationBannerRow = styled.div`
   flex-direction: row;
   gap: var(--margins-lg);
   justify-content: center;
+
+  .session-button {
+    padding: 0 36px;
+  }
 `;
 
 export const ConversationMessageRequestButtons = () => {
@@ -57,7 +61,6 @@ export const ConversationMessageRequestButtons = () => {
     <ConversationRequestBanner>
       <ConversationBannerRow>
         <SessionButton
-          buttonColor={SessionButtonColor.Primary}
           onClick={async () => {
             await handleAcceptConversationRequest(selectedConversation.id);
           }}

ts/components/conversation/ConversationRequestInfo.tsx

@@ -12,6 +12,7 @@ const ConversationRequestTextBottom = styled.div`
   flex-direction: row;
   justify-content: center;
   padding: var(--margins-lg);
+  background-color: var(--background-secondary-color);
 `;
 
 const ConversationRequestTextInner = styled.div`

ts/components/leftpane/overlay/OverlayMessageRequest.tsx

@@ -29,7 +29,6 @@ const MessageRequestListPlaceholder = styled.div`
 const MessageRequestListContainer = styled.div`
   width: 100%;
   overflow-y: auto;
-  border: 1px solid var(--border-color);
   margin-bottom: auto;
 `;