diff --git a/src/modules/GroupChannel/components/SuggestedReplies/index.scss b/src/modules/GroupChannel/components/SuggestedReplies/index.scss
index 0b9078d76..0a0150f50 100644
--- a/src/modules/GroupChannel/components/SuggestedReplies/index.scss
+++ b/src/modules/GroupChannel/components/SuggestedReplies/index.scss
@@ -47,14 +47,14 @@
 }
 
 .sendbird-suggested-replies__option {
-  white-space: nowrap;
-  height: 32px;
+  white-space: pre-wrap;
   font-size: 12px;
-  padding: 0 14px;
+  padding: 8px 14px;
   display: flex;
   align-items: center;
   border-radius: 18px;
   cursor: pointer;
+  word-break: break-word;
   @include themed() {
     color: t(primary--3-2);
     border: 1px solid t(primary--3-2);
@@ -71,4 +71,10 @@
       color: t(bg-0);
     }
   }
+  &.horizontal {
+    white-space: nowrap;
+  }
+  &.vertical {
+    white-space: pre-wrap;
+  }
 }
diff --git a/src/modules/GroupChannel/components/SuggestedReplies/index.tsx b/src/modules/GroupChannel/components/SuggestedReplies/index.tsx
index 50bd3d44d..5204f3627 100644
--- a/src/modules/GroupChannel/components/SuggestedReplies/index.tsx
+++ b/src/modules/GroupChannel/components/SuggestedReplies/index.tsx
@@ -11,15 +11,17 @@ export interface SuggestedRepliesProps {
 export interface ReplyItemProps {
   value: string;
   onClickReply: (event: React.MouseEvent<HTMLDivElement>, option: string) => void;
+  type?: 'vertical' | 'horizontal';
 }
 
 export const ReplyItem = ({
   value,
   onClickReply,
+  type = 'vertical',
 }: ReplyItemProps) => {
   return (
     <div
-      className="sendbird-suggested-replies__option"
+      className={`sendbird-suggested-replies__option ${type}`}
       id={value}
       onClick={(e) => onClickReply(e, value)}
     >
@@ -46,7 +48,7 @@ const SuggestedReplies = ({ replyOptions, onSendMessage, type = 'vertical' }: Su
 
   const children = replyOptions.map((option: string, index: number) => {
     return (
-      <ReplyItem key={index} value={option} onClickReply={onClickReply}/>
+      <ReplyItem key={index} value={option} onClickReply={onClickReply} type={type} />
     );
   });