diff --git a/app/src/main/res/drawable/ic_graph_arrow_decrease.png b/app/src/main/res/drawable/ic_graph_arrow_decrease.png
new file mode 100644
index 0000000..9402236
Binary files /dev/null and b/app/src/main/res/drawable/ic_graph_arrow_decrease.png differ
diff --git a/app/src/main/res/drawable/ic_graph_arrow_increase.png b/app/src/main/res/drawable/ic_graph_arrow_increase.png
new file mode 100644
index 0000000..dd40311
Binary files /dev/null and b/app/src/main/res/drawable/ic_graph_arrow_increase.png differ
diff --git a/app/src/main/res/layout/activity_balance.xml b/app/src/main/res/layout/activity_balance.xml
index 8d460e8..59cdee6 100644
--- a/app/src/main/res/layout/activity_balance.xml
+++ b/app/src/main/res/layout/activity_balance.xml
@@ -128,6 +128,13 @@
                 android:background="@color/black_50"
                 android:layout_marginVertical="16dp" />
 
+            <androidx.recyclerview.widget.RecyclerView
+                android:id="@+id/rv_balance_transaction"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:scrollbars="vertical"
+                tools:listitem="@layout/item_balance_transaction" />
+
         </LinearLayout>
 
     </ScrollView>
diff --git a/app/src/main/res/layout/item_balance_transaction.xml b/app/src/main/res/layout/item_balance_transaction.xml
new file mode 100644
index 0000000..66bb553
--- /dev/null
+++ b/app/src/main/res/layout/item_balance_transaction.xml
@@ -0,0 +1,83 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:orientation="vertical">
+
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:orientation="vertical"
+        android:paddingHorizontal="@dimen/horizontal_safe_area"
+        android:paddingVertical="@dimen/vertical_safe_area">
+
+        <!-- Date -->
+        <TextView
+            android:id="@+id/tv_balance_trans_date"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:text="31 Okt 2024"
+            style="@style/label_medium"
+            android:textColor="@color/black_300"
+            android:layout_marginTop="17dp"
+            android:layout_marginBottom="8dp"/>
+
+        <!-- Balance Transaction -->
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal"
+            android:layout_marginBottom="8dp">
+
+            <ImageView
+                android:id="@+id/iv_balance_trans_icon"
+                android:layout_width="20dp"
+                android:layout_height="20dp"
+                android:src="@drawable/ic_graph_arrow_increase"
+                android:layout_marginEnd="14dp"/>
+
+            <LinearLayout
+                android:layout_width="0dp"
+                android:layout_height="wrap_content"
+                android:layout_weight="1"
+                android:orientation="vertical">
+
+                <TextView
+                    android:id="@+id/tv_balance_trans_title"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:text="Isi Ulang Saldo"
+                    style="@style/label_large_prominent"/>
+
+                <TextView
+                    android:id="@+id/tv_balance_trans_desc"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:text="Isi ulang dari BANK BCA GRACIA HOTMAULI 123456789"
+                    style="@style/label_small"
+                    android:textColor="@color/black_500"/>
+
+            </LinearLayout>
+
+            <TextView
+                android:id="@+id/tv_balance_trans_amount"
+                android:layout_width="130dp"
+                android:layout_height="wrap_content"
+                android:text="+ Rp1.000.000"
+                style="@style/label_large_prominent"
+                android:textColor="@color/blue_500"
+                android:textAlignment="textEnd"
+                android:layout_marginStart="22dp"/>
+
+        </LinearLayout>
+
+    </LinearLayout>
+
+    <!-- Divider -->
+    <View
+        android:id="@+id/divider_balance_trans"
+        android:layout_width="match_parent"
+        android:layout_height="1dp"
+        android:background="@color/black_50"/>
+
+</LinearLayout>
\ No newline at end of file
diff --git a/app/src/main/res/values/themes.xml b/app/src/main/res/values/themes.xml
index f9cf9bf..b41bfef 100644
--- a/app/src/main/res/values/themes.xml
+++ b/app/src/main/res/values/themes.xml
@@ -12,7 +12,7 @@
     <!-- Text Styles -->
     <style name="display_large">
         <item name="android:textSize">57sp</item>
-        <item name="android:lineSpacingExtra">64sp</item>
+        <item name="android:lineSpacingExtra">0.64sp</item>
         <item name="android:letterSpacing">-0.025</item>
         <item name="android:textColor">@color/black</item>
         <item name="android:fontFamily">@font/dmsans_regular</item>
@@ -20,49 +20,49 @@
 
     <style name="display_medium">
         <item name="android:textSize">45sp</item>
-        <item name="android:lineSpacingExtra">52sp</item>
+        <item name="android:lineSpacingExtra">0.52sp</item>
         <item name="android:textColor">@color/black</item>
         <item name="android:fontFamily">@font/dmsans_regular</item>
     </style>
 
     <style name="display_small">
         <item name="android:textSize">36sp</item>
-        <item name="android:lineSpacingExtra">44sp</item>
+        <item name="android:lineSpacingExtra">0.44sp</item>
         <item name="android:textColor">@color/black</item>
         <item name="android:fontFamily">@font/dmsans_regular</item>
     </style>
 
     <style name="headline_large">
         <item name="android:textSize">32sp</item>
-        <item name="android:lineSpacingExtra">40sp</item>
+        <item name="android:lineSpacingExtra">0.40sp</item>
         <item name="android:textColor">@color/black</item>
         <item name="android:fontFamily">@font/dmsans_regular</item>
     </style>
 
     <style name="headline_medium">
         <item name="android:textSize">28sp</item>
-        <item name="android:lineSpacingExtra">36sp</item>
+        <item name="android:lineSpacingExtra">0.36sp</item>
         <item name="android:textColor">@color/black</item>
         <item name="android:fontFamily">@font/dmsans_regular</item>
     </style>
 
     <style name="headline_small">
         <item name="android:textSize">24sp</item>
-        <item name="android:lineSpacingExtra">32sp</item>
+        <item name="android:lineSpacingExtra">0.32sp</item>
         <item name="android:textColor">@color/black</item>
         <item name="android:fontFamily">@font/dmsans_regular</item>
     </style>
 
     <style name="title_large">
         <item name="android:textSize">22sp</item>
-        <item name="android:lineSpacingExtra">28sp</item>
+        <item name="android:lineSpacingExtra">0.28sp</item>
         <item name="android:textColor">@color/black</item>
         <item name="android:fontFamily">@font/dmsans_regular</item>
     </style>
 
     <style name="title_medium">
         <item name="android:textSize">16sp</item>
-        <item name="android:lineSpacingExtra">24sp</item>
+        <item name="android:lineSpacingExtra">0.24sp</item>
         <item name="android:letterSpacing">0.015</item>
         <item name="android:textColor">@color/black</item>
         <item name="android:fontFamily">@font/dmsans_medium</item>
@@ -70,7 +70,7 @@
 
     <style name="title_small">
         <item name="android:textSize">14sp</item>
-        <item name="android:lineSpacingExtra">20sp</item>
+        <item name="android:lineSpacingExtra">0.20sp</item>
         <item name="android:letterSpacing">0.01</item>
         <item name="android:textColor">@color/black</item>
         <item name="android:fontFamily">@font/dmsans_medium</item>
@@ -78,7 +78,7 @@
 
     <style name="label_large_prominent">
         <item name="android:textSize">14sp</item>
-        <item name="android:lineSpacingExtra">20sp</item>
+        <item name="android:lineSpacingExtra">0.20sp</item>
         <item name="android:letterSpacing">0.01</item>
         <item name="android:textColor">@color/black</item>
         <item name="android:fontFamily">@font/dmsans_semibold</item>
@@ -86,7 +86,7 @@
 
     <style name="label_large">
         <item name="android:textSize">14sp</item>
-        <item name="android:lineSpacingExtra">20sp</item>
+        <item name="android:lineSpacingExtra">0.20sp</item>
         <item name="android:letterSpacing">0.01</item>
         <item name="android:textColor">@color/black</item>
         <item name="android:fontFamily">@font/dmsans_medium</item>
@@ -94,7 +94,7 @@
 
     <style name="label_medium_prominent">
         <item name="android:textSize">12sp</item>
-        <item name="android:lineSpacingExtra">16sp</item>
+        <item name="android:lineSpacingExtra">0.16sp</item>
         <item name="android:letterSpacing">0.05</item>
         <item name="android:textColor">@color/black</item>
         <item name="android:fontFamily">@font/dmsans_semibold</item>
@@ -102,7 +102,7 @@
 
     <style name="label_medium">
         <item name="android:textSize">12sp</item>
-        <item name="android:lineSpacingExtra">16sp</item>
+        <item name="android:lineSpacingExtra">0.16sp</item>
         <item name="android:letterSpacing">0.05</item>
         <item name="android:textColor">@color/black</item>
         <item name="android:fontFamily">@font/dmsans_medium</item>
@@ -110,7 +110,7 @@
 
     <style name="label_small">
         <item name="android:textSize">11sp</item>
-        <item name="android:lineSpacingExtra">16sp</item>
+        <item name="android:lineSpacingExtra">0.16sp</item>
         <item name="android:letterSpacing">0.05</item>
         <item name="android:textColor">@color/black</item>
         <item name="android:fontFamily">@font/dmsans_medium</item>
@@ -118,7 +118,7 @@
 
     <style name="body_large">
         <item name="android:textSize">16sp</item>
-        <item name="android:lineSpacingExtra">24sp</item>
+        <item name="android:lineSpacingExtra">0.24sp</item>
         <item name="android:letterSpacing">0.05</item>
         <item name="android:textColor">@color/black</item>
         <item name="android:fontFamily">@font/dmsans_regular</item>
@@ -126,7 +126,7 @@
 
     <style name="body_medium">
         <item name="android:textSize">14sp</item>
-        <item name="android:lineSpacingExtra">20sp</item>
+        <item name="android:lineSpacingExtra">0.20sp</item>
         <item name="android:letterSpacing">0.025</item>
         <item name="android:textColor">@color/black</item>
         <item name="android:fontFamily">@font/dmsans_regular</item>
@@ -134,7 +134,7 @@
 
     <style name="body_small">
         <item name="android:textSize">12sp</item>
-        <item name="android:lineSpacingExtra">16sp</item>
+        <item name="android:lineSpacingExtra">0.16sp</item>
         <item name="android:letterSpacing">0.04</item>
         <item name="android:textColor">@color/black</item>
         <item name="android:fontFamily">@font/dmsans_regular</item>