diff --git a/resources/qml/dialogs/RoomMembers.qml b/resources/qml/dialogs/RoomMembers.qml
index 608a5acfee68e08ff9b02dda25e20cbc0c03ee03..92aaeef9234a5366e116c373f699fa35d89014a5 100644
--- a/resources/qml/dialogs/RoomMembers.qml
+++ b/resources/qml/dialogs/RoomMembers.qml
@@ -182,10 +182,10 @@ ApplicationWindow {
                                 return "image://colorimage/:/icons/icons/ui/person.svg?";
                             }
 
-                            width: 16
-                            height: 16
-                            sourceSize.height: height * Screen.devicePixelRatio
-                            sourceSize.width: width * Screen.devicePixelRatio
+                            Layout.preferredWidth: 16
+                            Layout.preferredHeight: 16
+                            sourceSize.width: width
+                            sourceSize.height: height
                             source: sourceUrl + (ma.hovered ? Nheko.colors.highlight : Nheko.colors.buttonText)
                             ToolTip.visible: ma.hovered
                             ToolTip.text: {
@@ -206,6 +206,8 @@ ApplicationWindow {
                         EncryptionIndicator {
                             id: encryptInd
 
+                            Layout.preferredWidth: 16
+                            Layout.preferredHeight: 16
                             Layout.alignment: Qt.AlignRight
                             visible: room.isEncrypted
                             encrypted: room.isEncrypted
diff --git a/resources/qml/emoji/EmojiPicker.qml b/resources/qml/emoji/EmojiPicker.qml
index 6d747f8c9febf6504e9a12022cab5f349c9e74fa..174ea6ae6cd162c3873261918be8a214ca42b91b 100644
--- a/resources/qml/emoji/EmojiPicker.qml
+++ b/resources/qml/emoji/EmojiPicker.qml
@@ -257,6 +257,10 @@ Menu {
                         Layout.preferredWidth: 36
                         Layout.preferredHeight: 36
                         hoverEnabled: true
+                        leftPadding: 2
+                        rightPadding: 2
+                        topPadding: 2
+                        bottomPadding: 2
                         ToolTip.text: {
                             switch (model.category) {
                             case Emoji.Category.People:
@@ -294,13 +298,10 @@ Menu {
                         contentItem: Image {
                             horizontalAlignment: Image.AlignHCenter
                             verticalAlignment: Image.AlignVCenter
-                            fillMode: Image.Pad
-                            height: 32
-                            width: 32
                             smooth: true
                             mipmap: true
-                            sourceSize.width: 32 * Screen.devicePixelRatio
-                            sourceSize.height: 32 * Screen.devicePixelRatio
+                            sourceSize.width: width
+                            sourceSize.height: height
                             source: "image://colorimage/" + model.image + "?" + (hovered ? Nheko.colors.highlight : Nheko.colors.buttonText)
                         }