diff --git a/qml/otplist.qml b/qml/otplist.qml
index 7aa76b697e97c4f0000ec6b676a739d718cdf1a6..8b04080412a3e5e5f9d9bc6b535c3657d4083f0c 100644
--- a/qml/otplist.qml
+++ b/qml/otplist.qml
@@ -42,8 +42,31 @@ Item {
         anchors.bottom: parent.bottom
         Component {
             id: otpDelegate
-            Text {
-                text: display.name
+            Rectangle {
+                id: rect
+                width: parent.parent.width
+                height: 50
+                radius: 4
+                antialiasing: true
+                border {
+                    width: 2
+                    color: "grey"
+                }
+                RowLayout {
+                    anchors.verticalCenter: parent.verticalCenter
+                    anchors.left: parent.left
+                    anchors.leftMargin: 20
+                    anchors.right: parent.right
+                    anchors.rightMargin: 20
+                    Text {
+                        id: otpName
+                        text: display.name
+                    }
+                    Text {
+                        id: otpCode
+                        Layout.alignment: Qt.AlignRight
+                    }
+                }
             }
         }
         model: otpListModel