style: align items

src/components/ConversationItem/index.jsx

@@ -61,6 +61,7 @@ export function ConversationItem({ type, content, session, done, port }) {
                   href={'https://chat.openai.com/chat/' + session.conversationId}
                   target="_blank"
                   rel="nofollow noopener noreferrer"
+                  className="gpt-util-icon"
                   style="color: inherit;"
                 >
                   <LinkExternalIcon size={14} />

src/components/FeedbackForChatGPTWeb/index.jsx

@@ -42,13 +42,15 @@ const FeedbackForChatGPTWeb = (props) => {
     <div title="Feedback" className="gpt-feedback">
       <span
         onClick={clickThumbsUp}
-        className={action === 'thumbsUp' ? 'gpt-feedback-selected' : undefined}
+        className={action === 'thumbsUp' ? 'gpt-feedback-selected gpt-util-icon' : 'gpt-util-icon'}
       >
         <ThumbsupIcon size={14} />
       </span>
       <span
         onClick={clickThumbsDown}
-        className={action === 'thumbsDown' ? 'gpt-feedback-selected' : undefined}
+        className={
+          action === 'thumbsDown' ? 'gpt-feedback-selected gpt-util-icon' : 'gpt-util-icon'
+        }
       >
         <ThumbsdownIcon size={14} />
       </span>

src/content-script/styles.scss

@@ -163,7 +163,6 @@
     .gpt-feedback {
       display: flex;
       gap: 6px;
-      cursor: pointer;
     }
 
     .gpt-feedback-selected {