diff --git a/app/src/main/java/ani/dantotsu/media/comments/CommentItem.kt b/app/src/main/java/ani/dantotsu/media/comments/CommentItem.kt
index d5b887bd..5e4596ed 100644
--- a/app/src/main/java/ani/dantotsu/media/comments/CommentItem.kt
+++ b/app/src/main/java/ani/dantotsu/media/comments/CommentItem.kt
@@ -4,6 +4,7 @@ import android.annotation.SuppressLint
 import android.content.Intent
 import android.graphics.Color
 import android.view.View
+import android.widget.PopupMenu
 import androidx.core.content.ContextCompat
 import androidx.recyclerview.widget.LinearLayoutManager
 import ani.dantotsu.R
@@ -34,13 +35,15 @@ import java.util.TimeZone
 import kotlin.math.abs
 import kotlin.math.sqrt
 
-class CommentItem(val comment: Comment,
-                  private val markwon: Markwon,
-                  val parentSection: Section,
-                  private val commentsFragment: CommentsFragment,
-                  private val backgroundColor: Int,
-                  val commentDepth: Int
-) : BindableItem<ItemCommentsBinding>() {
+class CommentItem(
+    val comment: Comment,
+    private val markwon: Markwon,
+    val parentSection: Section,
+    private val commentsFragment: CommentsFragment,
+    private val backgroundColor: Int,
+    val commentDepth: Int
+) :
+    BindableItem<ItemCommentsBinding>() {
     lateinit var binding: ItemCommentsBinding
     val adapter = GroupieAdapter()
     private var subCommentIds: MutableList<Int> = mutableListOf()
@@ -62,9 +65,6 @@ class CommentItem(val comment: Comment,
         val isUserComment = CommentsAPI.userId == comment.userId
         val levelColor = getAvatarColor(comment.totalVotes, backgroundColor)
         markwon.setMarkdown(viewBinding.commentText, comment.content)
-        viewBinding.commentDelete.visibility = if (isUserComment || CommentsAPI.isAdmin || CommentsAPI.isMod) View.VISIBLE else View.GONE
-        viewBinding.commentBanUser.visibility = if ((CommentsAPI.isAdmin || CommentsAPI.isMod) && !isUserComment) View.VISIBLE else View.GONE
-        viewBinding.commentReport.visibility = if (!isUserComment) View.VISIBLE else View.GONE
         viewBinding.commentEdit.visibility = if (isUserComment) View.VISIBLE else View.GONE
         if (comment.tag == null) {
             viewBinding.commentUserTagLayout.visibility = View.GONE
@@ -140,41 +140,71 @@ class CommentItem(val comment: Comment,
         }
         viewBinding.modBadge.visibility = if (comment.isMod == true) View.VISIBLE else View.GONE
         viewBinding.adminBadge.visibility = if (comment.isAdmin == true) View.VISIBLE else View.GONE
-        viewBinding.commentDelete.setOnClickListener {
-            dialogBuilder(getAppString(R.string.delete_comment), getAppString(R.string.delete_comment_confirm)) {
-                CoroutineScope(Dispatchers.Main + SupervisorJob()).launch {
-                    val success = CommentsAPI.deleteComment(comment.commentId)
-                    if (success) {
-                        snackString(R.string.comment_deleted)
-                        parentSection.remove(this@CommentItem)
-                    }
-                }
-            }
-        }
-        viewBinding.commentBanUser.setOnClickListener {
-            dialogBuilder(getAppString(R.string.ban_user), getAppString(R.string.ban_user_confirm)) {
-                CoroutineScope(Dispatchers.Main + SupervisorJob()).launch {
-                    val success = CommentsAPI.banUser(comment.userId)
-                    if (success) {
-                        snackString(R.string.user_banned)
-                    }
-                }
-            }
-        }
-        viewBinding.commentReport.setOnClickListener {
-            dialogBuilder(getAppString(R.string.report_comment), getAppString(R.string.report_comment_confirm)) {
-                CoroutineScope(Dispatchers.Main + SupervisorJob()).launch {
-                    val success = CommentsAPI.reportComment(
-                        comment.commentId,
-                        comment.username,
-                        commentsFragment.mediaName,
-                        comment.userId
-                    )
-                    if (success) {
-                        snackString(R.string.comment_reported)
+        viewBinding.commentInfo.setOnClickListener {
+            val popup = PopupMenu(commentsFragment.requireContext(), viewBinding.commentInfo)
+            popup.menuInflater.inflate(R.menu.profile_details_menu, popup.menu)
+            popup.menu.findItem(R.id.commentDelete)?.isVisible = isUserComment || CommentsAPI.isAdmin || CommentsAPI.isMod
+            popup.menu.findItem(R.id.commentBanUser)?.isVisible = (CommentsAPI.isAdmin || CommentsAPI.isMod) && !isUserComment
+            popup.menu.findItem(R.id.commentReport)?.isVisible = !isUserComment
+            popup.setOnMenuItemClickListener { item ->
+                when (item.itemId) {
+                    R.id.commentReport -> {
+                        dialogBuilder(
+                            getAppString(R.string.report_comment),
+                            getAppString(R.string.report_comment_confirm)
+                        ) {
+                            CoroutineScope(Dispatchers.Main + SupervisorJob()).launch {
+                                val success = CommentsAPI.reportComment(
+                                    comment.commentId,
+                                    comment.username,
+                                    commentsFragment.mediaName,
+                                    comment.userId
+                                )
+                                if (success) {
+                                    snackString(R.string.comment_reported)
+                                }
+                            }
+                        }
+                        true
+                    }
+
+                    R.id.commentDelete -> {
+                        dialogBuilder(
+                            getAppString(R.string.delete_comment),
+                            getAppString(R.string.delete_comment_confirm)
+                        ) {
+                            CoroutineScope(Dispatchers.Main + SupervisorJob()).launch {
+                                val success = CommentsAPI.deleteComment(comment.commentId)
+                                if (success) {
+                                    snackString(R.string.comment_deleted)
+                                    parentSection.remove(this@CommentItem)
+                                }
+                            }
+                        }
+                        true
+                    }
+
+                    R.id.commentBanUser -> {
+                        dialogBuilder(
+                            getAppString(R.string.ban_user),
+                            getAppString(R.string.ban_user_confirm)
+                        ) {
+                            CoroutineScope(Dispatchers.Main + SupervisorJob()).launch {
+                                val success = CommentsAPI.banUser(comment.userId)
+                                if (success) {
+                                    snackString(R.string.user_banned)
+                                }
+                            }
+                        }
+                        true
+                    }
+
+                    else -> {
+                        false
                     }
                 }
             }
+            popup.show()
         }
         //fill the icon if the user has liked the comment
         setVoteButtons(viewBinding)
@@ -210,7 +240,6 @@ class CommentItem(val comment: Comment,
                         comment.upvotes -= 1
                     }
                     comment.downvotes += if (voteType == -1) 1 else -1
-
                     notifyChanged()
                 }
             }
diff --git a/app/src/main/res/layout/item_comments.xml b/app/src/main/res/layout/item_comments.xml
index e6a77761..07f190ef 100644
--- a/app/src/main/res/layout/item_comments.xml
+++ b/app/src/main/res/layout/item_comments.xml
@@ -5,30 +5,39 @@
     android:id="@+id/commentsCardView"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
-    android:layout_marginStart="8dp"
+    android:layout_marginHorizontal="8dp"
     android:layout_marginTop="8dp"
     android:layout_marginBottom="4dp">
 
-
     <LinearLayout
         android:id="@+id/linearLayout5"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:orientation="vertical"
+        android:paddingStart="0dp"
         android:paddingEnd="8dp"
         app:layout_constraintStart_toStartOf="parent"
         app:layout_constraintTop_toTopOf="parent">
 
-        <com.google.android.material.imageview.ShapeableImageView
-            android:id="@+id/commentUserAvatar"
-            style="@style/CircularImageView"
-            android:layout_width="42dp"
-            android:layout_height="42dp"
-            android:layout_gravity="center_horizontal"
+        <com.google.android.material.card.MaterialCardView
+            android:id="@+id/commentUserAvatarContainer"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_gravity="center"
             android:layout_marginTop="12dp"
-            android:scaleType="center"
-            app:srcCompat="@drawable/ic_round_add_circle_24"
-            tools:ignore="ContentDescription,ImageContrastCheck" />
+            android:backgroundTint="@color/transparent"
+            app:cardCornerRadius="64dp"
+            app:strokeColor="@color/transparent">
+
+            <com.google.android.material.imageview.ShapeableImageView
+                android:id="@+id/commentUserAvatar"
+                android:layout_width="42dp"
+                android:layout_height="42dp"
+                android:layout_gravity="center"
+                app:srcCompat="@drawable/ic_round_add_circle_24"
+                tools:ignore="ContentDescription,ImageContrastCheck"
+                tools:tint="@color/bg_black_50" />
+        </com.google.android.material.card.MaterialCardView>
 
 
         <LinearLayout
@@ -80,7 +89,7 @@
             android:layout_height="wrap_content"
             android:layout_marginEnd="4dp"
             android:ellipsize="end"
-            android:fontFamily="@font/poppins_semi_bold"
+            android:fontFamily="@font/poppins_bold"
             android:paddingTop="1dp"
             android:paddingBottom="0dp"
             android:singleLine="true"
@@ -160,86 +169,116 @@
         android:textSize="12sp"
         app:layout_constrainedWidth="true"
         app:layout_constraintEnd_toStartOf="@+id/linearLayout7"
-
         app:layout_constraintHeight_max="200dp"
         app:layout_constraintHorizontal_bias="0.0"
         app:layout_constraintStart_toEndOf="@+id/linearLayout5"
         app:layout_constraintTop_toBottomOf="@+id/commentUserDetailsLayout" />
 
-    <TextView
-        android:id="@+id/commentReply"
-        android:layout_width="wrap_content"
+    <LinearLayout
+        android:id="@+id/linearLayout6"
+        android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        android:layout_marginStart="10dp"
-        android:layout_marginEnd="12dp"
-        android:alpha="0.6"
-        android:fontFamily="@font/poppins_semi_bold"
-        android:paddingTop="1dp"
-        android:paddingEnd="12dp"
-        android:text="Reply"
-        android:textSize="12sp"
+        android:layout_marginStart="52dp"
+        android:orientation="horizontal"
         app:layout_constraintStart_toEndOf="@+id/linearLayout5"
-        app:layout_constraintTop_toBottomOf="@+id/commentText"
-        tools:ignore="HardcodedText" />
+        app:layout_constraintTop_toBottomOf="@+id/commentText">
 
-    <TextView
-        android:id="@+id/commentEdit"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_marginEnd="12dp"
-        android:alpha="0.6"
-        android:fontFamily="@font/poppins_semi_bold"
-        android:paddingTop="1dp"
-        android:paddingEnd="12dp"
-        android:text="Edit"
-        android:textSize="12sp"
-        app:layout_constraintBottom_toBottomOf="@+id/commentReply"
-        app:layout_constraintStart_toEndOf="@+id/commentReply"
-        tools:ignore="HardcodedText" />
+        <View
+            android:id="@+id/commentRepliesDivider"
+            android:layout_width="24dp"
+            android:layout_height="3dp"
+            android:layout_gravity="center"
+            android:layout_marginStart="4dp"
+            android:background="@color/nav_tab" />
 
-    <TextView
-        android:id="@+id/commentDelete"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_marginEnd="12dp"
-        android:alpha="0.6"
-        android:fontFamily="@font/poppins_semi_bold"
-        android:paddingTop="1dp"
-        android:paddingEnd="12dp"
-        android:text="Delete"
-        android:textSize="12sp"
-        app:layout_constraintBottom_toBottomOf="@+id/commentEdit"
-        app:layout_constraintStart_toEndOf="@+id/commentEdit"
-        tools:ignore="HardcodedText" />
+        <TextView
+            android:id="@+id/commentTotalReplies"
+            android:layout_width="wrap_content"
+            android:layout_height="match_parent"
+            android:gravity="center"
+            android:layout_marginStart="4dp"
+            android:alpha="0.6"
+            android:fontFamily="@font/poppins_semi_bold"
+            android:text="View replies"
+            android:textSize="12sp"
+            tools:ignore="HardcodedText" />
+        <Space
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:layout_weight="1"/>
 
-    <TextView
-        android:id="@+id/commentReport"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_marginEnd="12dp"
-        android:alpha="0.6"
-        android:fontFamily="@font/poppins_semi_bold"
-        android:paddingTop="1dp"
-        android:paddingEnd="12dp"
-        android:text="Report"
-        android:textSize="12sp"
-        app:layout_constraintBottom_toBottomOf="@+id/commentDelete"
-        app:layout_constraintStart_toEndOf="@+id/commentDelete"
-        tools:ignore="HardcodedText" />
+        <ImageView
+            android:id="@+id/commentInfo"
+            android:layout_width="24dp"
+            android:layout_height="24dp"
+            android:alpha="0.6"
+            android:layout_marginEnd="16dp"
+            app:srcCompat="@drawable/ic_round_dots_vertical_24"
+            tools:ignore="ContentDescription" />
 
-    <TextView
-        android:id="@+id/commentBanUser"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:alpha="0.6"
-        android:fontFamily="@font/poppins_semi_bold"
-        android:paddingTop="1dp"
-        android:text="Ban User"
-        android:textSize="12sp"
-        app:layout_constraintBottom_toBottomOf="@+id/commentReport"
-        app:layout_constraintStart_toEndOf="@+id/commentReport"
-        tools:ignore="HardcodedText" />
+        <TextView
+            android:id="@+id/commentReply"
+            android:layout_width="wrap_content"
+            android:layout_height="match_parent"
+            android:alpha="0.6"
+            android:fontFamily="@font/poppins_semi_bold"
+            android:gravity="center"
+            android:text="Reply"
+            android:textSize="12sp"
+            app:layout_constraintStart_toEndOf="@+id/commentDownVote"
+            app:layout_constraintTop_toBottomOf="@+id/commentText"
+            tools:ignore="HardcodedText" />
 
+        <TextView
+            android:id="@+id/commentEdit"
+            android:layout_width="wrap_content"
+            android:layout_height="match_parent"
+            android:layout_marginStart="12dp"
+            android:alpha="0.6"
+            android:gravity="center"
+            android:fontFamily="@font/poppins_semi_bold"
+            android:text="Edit"
+            android:textSize="12sp"
+            app:layout_constraintBottom_toBottomOf="@+id/commentReply"
+            app:layout_constraintStart_toEndOf="@+id/commentReply"
+            tools:ignore="HardcodedText" />
+        <ImageView
+            android:id="@+id/commentUpVote"
+            android:layout_width="24dp"
+            android:layout_height="24dp"
+            android:layout_marginStart="12dp"
+            android:alpha="0.6"
+            android:padding="2dp"
+            app:srcCompat="@drawable/ic_round_upvote_inactive_24"
+            tools:ignore="ContentDescription" />
+
+        <TextView
+            android:id="@+id/commentTotalVotes"
+            android:layout_width="wrap_content"
+            android:layout_height="match_parent"
+            android:layout_marginStart="4dp"
+            android:alpha="0.6"
+            android:fontFamily="@font/poppins_semi_bold"
+            android:gravity="center"
+            android:text="100"
+            android:textSize="12sp"
+            app:layout_constraintStart_toEndOf="@+id/commentUpVote"
+            app:layout_constraintTop_toBottomOf="@+id/commentText"
+            tools:ignore="HardcodedText" />
+
+        <ImageView
+            android:id="@+id/commentDownVote"
+            android:layout_width="24dp"
+            android:layout_height="24dp"
+            android:layout_marginStart="4dp"
+            android:alpha="0.6"
+            android:padding="2dp"
+            android:rotation="180"
+            app:layout_constraintStart_toEndOf="@+id/commentTotalVotes"
+            app:layout_constraintTop_toBottomOf="@+id/commentText"
+            app:srcCompat="@drawable/ic_round_upvote_inactive_24"
+            tools:ignore="ContentDescription" />
+    </LinearLayout>
 
     <LinearLayout
         android:id="@+id/linearLayout7"
@@ -251,60 +290,10 @@
         app:layout_constraintEnd_toEndOf="parent"
         app:layout_constraintTop_toTopOf="parent">
 
-        <ImageView
-            android:id="@+id/commentUpVote"
-            android:layout_width="24dp"
-            android:layout_height="24dp"
-            android:alpha="0.4"
-            app:srcCompat="@drawable/ic_round_upvote_inactive_24"
-            tools:ignore="ContentDescription" />
 
-        <TextView
-            android:id="@+id/commentTotalVotes"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:layout_gravity="center"
-            android:alpha="0.6"
-            android:fontFamily="@font/poppins_semi_bold"
-            android:text="100"
-            android:textSize="12sp"
-            tools:ignore="HardcodedText" />
-
-        <ImageView
-            android:id="@+id/commentDownVote"
-            android:layout_width="24dp"
-            android:layout_height="24dp"
-            android:alpha="0.4"
-            android:rotation="180"
-            app:srcCompat="@drawable/ic_round_upvote_inactive_24"
-            tools:ignore="ContentDescription" />
     </LinearLayout>
 
 
-    <View
-        android:id="@+id/commentRepliesDivider"
-        android:layout_width="32dp"
-        android:layout_height="3dp"
-        android:layout_gravity="center"
-        android:layout_marginStart="4dp"
-        android:layout_marginTop="8dp"
-        android:background="@color/nav_tab"
-        app:layout_constraintStart_toEndOf="@+id/linearLayout5"
-        app:layout_constraintTop_toBottomOf="@+id/commentReply" />
-
-    <TextView
-        android:id="@+id/commentTotalReplies"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_marginStart="4dp"
-        android:alpha="0.8"
-        android:fontFamily="@font/poppins_semi_bold"
-        android:text="View replies"
-        android:textSize="12sp"
-        app:layout_constraintBottom_toBottomOf="@+id/commentRepliesDivider"
-        app:layout_constraintStart_toEndOf="@+id/commentRepliesDivider"
-        app:layout_constraintTop_toTopOf="@+id/commentRepliesDivider"
-        tools:ignore="HardcodedText" />
 
 
     <androidx.recyclerview.widget.RecyclerView
@@ -314,8 +303,8 @@
         android:nestedScrollingEnabled="false"
         android:paddingStart="16dp"
         android:visibility="visible"
-        app:layout_constraintTop_toBottomOf="@+id/commentRepliesDivider"
+        app:layout_constraintTop_toBottomOf="@+id/linearLayout6"
         tools:ignore="RtlSymmetry"
-        tools:visibility="visible" />
+        tools:visibility="gone" />
 
 </androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/menu/profile_details_menu.xml b/app/src/main/res/menu/profile_details_menu.xml
new file mode 100644
index 00000000..d2e91740
--- /dev/null
+++ b/app/src/main/res/menu/profile_details_menu.xml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<menu xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <item
+        android:id="@+id/commentDelete"
+        android:enabled="true"
+        android:icon="@drawable/ic_round_comment_24"
+        android:title="@string/delete" />
+    <item
+        android:id="@+id/commentReport"
+        android:enabled="true"
+        android:icon="@drawable/ic_round_info_24"
+        android:title="@string/report" />
+    <item
+        android:id="@+id/commentBanUser"
+        android:enabled="true"
+        android:icon="@drawable/ic_round_comment_24"
+        android:title="@string/ban" />
+</menu>
\ No newline at end of file
diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml
index 02046f7b..db44578f 100644
--- a/app/src/main/res/values/strings.xml
+++ b/app/src/main/res/values/strings.xml
@@ -866,4 +866,6 @@ Non quae tempore quo provident laudantium qui illo dolor vel quia dolor et exerc
     <string name="trending_manhwa">Trending Manhwa</string>
     <string name="liked_by">Liked By</string>
     <string name="adult_only_content">Adult only content</string>
+    <string name="report">Report</string>
+    <string name="ban">Ban</string>
 </resources>