diff --git a/ui/src/main/java/com/wireguard/android/activity/MainActivity.java b/ui/src/main/java/com/wireguard/android/activity/MainActivity.java
index 6b867c4..127c607 100644
--- a/ui/src/main/java/com/wireguard/android/activity/MainActivity.java
+++ b/ui/src/main/java/com/wireguard/android/activity/MainActivity.java
@@ -27,6 +27,9 @@ public class MainActivity extends AppCompatActivity {
     private static final int REQUEST_CODE_VPN_PERMISSION = 23491;
     public static final int LEFT = 16;
     public static final int RIGHT = 16;
+    public static final int TOP = 150;
+    public static final int BOTTOM_CONNECTED = 90;
+    public static final int BOTTOM_DISCONNECTED = 100;
 
     @Override
     protected void onCreate(Bundle savedInstanceState) {
@@ -106,7 +109,7 @@ public class MainActivity extends AppCompatActivity {
         if (state) {
             bubbleStatus.setText(getString(R.string.connected_bubble));
             bubbleStatus.setTextColor(getResources().getColor(R.color.connectedColor));
-            bubbleStatus.setPadding(LEFT, 160, RIGHT,100);
+            bubbleStatus.setPadding(LEFT, TOP, RIGHT,BOTTOM_CONNECTED);
             connectButton.setText(getString(R.string.disconnect));
             imageMyBubble.setImageResource(R.drawable.bubble_connected);
             mark.setVisibility(View.VISIBLE);
@@ -114,7 +117,7 @@ public class MainActivity extends AppCompatActivity {
         } else {
             bubbleStatus.setText(getString(R.string.not_connected_bubble));
             bubbleStatus.setTextColor(getResources().getColor(R.color.gray));
-            bubbleStatus.setPadding(LEFT,140,RIGHT,130);
+            bubbleStatus.setPadding(LEFT,TOP,RIGHT,BOTTOM_DISCONNECTED);
             connectButton.setText(getString(R.string.connect));
             imageMyBubble.setImageResource(R.drawable.bubble_disconnected);
             mark.setVisibility(View.GONE);
diff --git a/ui/src/main/res/drawable-hdpi/union.png b/ui/src/main/res/drawable-hdpi/union.png
new file mode 100644
index 0000000..4efcf05
Binary files /dev/null and b/ui/src/main/res/drawable-hdpi/union.png differ
diff --git a/ui/src/main/res/drawable-ldpi/union.png b/ui/src/main/res/drawable-ldpi/union.png
new file mode 100644
index 0000000..b0bbce8
Binary files /dev/null and b/ui/src/main/res/drawable-ldpi/union.png differ
diff --git a/ui/src/main/res/drawable-mdpi/union.png b/ui/src/main/res/drawable-mdpi/union.png
new file mode 100644
index 0000000..d6eeb63
Binary files /dev/null and b/ui/src/main/res/drawable-mdpi/union.png differ
diff --git a/ui/src/main/res/drawable-xhdpi/union.png b/ui/src/main/res/drawable-xhdpi/union.png
new file mode 100644
index 0000000..446b913
Binary files /dev/null and b/ui/src/main/res/drawable-xhdpi/union.png differ
diff --git a/ui/src/main/res/drawable-xxhdpi/union.png b/ui/src/main/res/drawable-xxhdpi/union.png
new file mode 100644
index 0000000..e9b8f9d
Binary files /dev/null and b/ui/src/main/res/drawable-xxhdpi/union.png differ
diff --git a/ui/src/main/res/drawable/main_background.xml b/ui/src/main/res/drawable/main_background.xml
new file mode 100644
index 0000000..b5c0aa8
--- /dev/null
+++ b/ui/src/main/res/drawable/main_background.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <item>
+        <shape android:shape="rectangle">
+            <gradient android:endColor="#1DC39E" android:centerColor="#1BB29C" android:startColor="#19ACB0" />
+        </shape>
+    </item>
+</selector>
diff --git a/ui/src/main/res/layout/activity_main.xml b/ui/src/main/res/layout/activity_main.xml
index 50394bf..29b9656 100644
--- a/ui/src/main/res/layout/activity_main.xml
+++ b/ui/src/main/res/layout/activity_main.xml
@@ -5,75 +5,89 @@
     xmlns:tools="http://schemas.android.com/tools"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
+    android:background="@drawable/main_background"
     tools:context="com.wireguard.android.activity.MainActivity">
 
-    <TextView
-        android:id="@+id/bubbleConnectionTitle"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_marginStart="@dimen/margin_start_and_end"
-        android:layout_marginTop="32dp"
-        android:layout_marginEnd="@dimen/margin_start_and_end"
-        android:fontFamily="@font/josefin_sans"
-        android:letterSpacing="-0.02"
-        android:text="@string/my_bubble"
-        android:textColor="@color/black"
-        android:textSize="30sp"
-        android:textStyle="bold"
-        app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintHorizontal_bias="0.498"
-        app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toTopOf="parent" />
 
-    <TextView
-        android:id="@+id/title"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_marginStart="@dimen/margin_start_and_end"
-        android:layout_marginTop="@dimen/margin_start_and_end"
-        android:layout_marginEnd="@dimen/margin_start_and_end"
-        android:text="@string/your_private_bubble"
-        android:textAlignment="center"
+    <ImageView
+        android:layout_width="450dp"
+        android:layout_height="770dp"
+        android:layout_marginBottom="8dp"
+        android:scaleType="fitXY"
+        android:src="@drawable/union"
+        app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toBottomOf="@+id/bubbleConnectionTitle" />
+        app:layout_constraintStart_toStartOf="parent" />
+
+            <TextView
+                android:id="@+id/bubbleConnectionTitle"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginStart="@dimen/margin_start_and_end"
+                android:layout_marginTop="32dp"
+                android:layout_marginEnd="@dimen/margin_start_and_end"
+                android:fontFamily="@font/josefin_sans"
+                android:letterSpacing="-0.02"
+                android:text="@string/my_bubble"
+                android:textColor="@color/black"
+                android:textSize="30sp"
+                android:textStyle="bold"
+                app:layout_constraintEnd_toEndOf="parent"
+                app:layout_constraintHorizontal_bias="0.498"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toTopOf="parent" />
+
+            <TextView
+                android:id="@+id/title"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginStart="@dimen/margin_start_and_end"
+                android:layout_marginTop="@dimen/margin_start_and_end"
+                android:layout_marginEnd="@dimen/margin_start_and_end"
+                android:text="@string/your_private_bubble"
+                android:textAlignment="center"
+                app:layout_constraintEnd_toEndOf="parent"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toBottomOf="@+id/bubbleConnectionTitle" />
 
 
     <ImageView
         android:id="@+id/imageMyBubble"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
+        android:layout_width="285.56dp"
+        android:layout_height="378.72dp"
         android:layout_marginStart="@dimen/margin_start_and_end"
-        android:layout_marginTop="@dimen/margin_start_and_end"
         android:layout_marginEnd="@dimen/margin_start_and_end"
+        android:layout_marginBottom="120dp"
         android:src="@drawable/bubble_disconnected"
+        app:layout_constraintBottom_toTopOf="@+id/linearLayout"
         app:layout_constraintEnd_toEndOf="parent"
         app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toBottomOf="@+id/title" />
+        app:layout_constraintTop_toTopOf="@+id/constraints" />
 
     <TextView
         android:id="@+id/titleMyBubble"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        android:layout_marginTop="110dp"
+        android:layout_marginBottom="45dp"
         android:letterSpacing="-0.05"
         android:text="@string/bubble_status"
         android:textColor="@android:color/black"
         android:textSize="16sp"
         android:textStyle="bold"
+        app:layout_constraintBottom_toTopOf="@+id/constraints"
         app:layout_constraintEnd_toEndOf="@+id/imageMyBubble"
-        app:layout_constraintStart_toStartOf="@+id/imageMyBubble"
-        app:layout_constraintTop_toTopOf="@+id/imageMyBubble" />
+        app:layout_constraintStart_toStartOf="@+id/imageMyBubble" />
 
     <ImageView
         android:id="@+id/mark"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_marginStart="@dimen/margin_start_and_end"
-        android:layout_marginTop="70dp"
+        android:layout_marginTop="80dp"
         android:visibility="gone"
         android:layout_marginEnd="@dimen/margin_start_and_end"
         android:src="@drawable/mark"
+
         app:layout_constraintEnd_toEndOf="@+id/imageMyBubble"
         app:layout_constraintStart_toStartOf="@+id/imageMyBubble"
         app:layout_constraintTop_toTopOf="@+id/imageMyBubble" />
@@ -83,12 +97,12 @@
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_marginStart="@dimen/margin_start_and_end"
-        android:layout_marginTop="140dp"
+        android:layout_marginTop="150dp"
         android:layout_marginEnd="@dimen/margin_start_and_end"
-        android:layout_marginBottom="130dp"
+        android:layout_marginBottom="120dp"
         android:text="@string/not_connected_bubble"
         android:textColor="@color/gray"
-        android:textSize="@dimen/text_title"
+        android:textSize="12sp"
         app:layout_constraintBottom_toTopOf="@+id/linearLayout"
         app:layout_constraintEnd_toEndOf="@+id/imageMyBubble"
         app:layout_constraintStart_toStartOf="@+id/imageMyBubble"
@@ -99,13 +113,13 @@
         android:layout_width="@dimen/edit_text_width"
         android:layout_height="@dimen/edit_text_height"
         android:layout_marginStart="@dimen/margin_start_and_end"
-        android:layout_marginTop="300dp"
+        android:layout_marginTop="100dp"
         android:layout_marginEnd="@dimen/margin_start_and_end"
-        android:background="@color/white"
+        android:background="@android:color/transparent"
         android:orientation="vertical"
         app:layout_constraintEnd_toEndOf="parent"
         app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toTopOf="@+id/imageMyBubble">
+        app:layout_constraintTop_toBottomOf="@+id/constraints">
 
         <androidx.appcompat.widget.AppCompatButton
             android:id="@+id/connectButton"
@@ -122,42 +136,51 @@
 
     <ImageButton
         android:id="@+id/myBubbleImageView"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
+        android:layout_width="90dp"
+        android:layout_height="90dp"
         android:layout_marginStart="@dimen/margin_start_and_end"
-        android:layout_marginTop="60dp"
-        android:layout_marginEnd="180dp"
-        android:layout_marginBottom="60dp"
+        android:layout_marginBottom="44dp"
         android:background="@drawable/my_bubble"
         app:layout_constraintBottom_toBottomOf="parent"
-        app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toBottomOf="@+id/imageMyBubble" />
+        app:layout_constraintEnd_toStartOf="@+id/accountImageView"
+        app:layout_constraintHorizontal_bias="0.5"
+        app:layout_constraintStart_toStartOf="parent" />
 
-    <ImageButton
-        android:id="@+id/accountImageView"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_marginStart="@dimen/margin_start_and_end"
-        android:layout_marginTop="60dp"
-        android:layout_marginEnd="@dimen/margin_start_and_end"
-        android:layout_marginBottom="60dp"
-        android:background="@drawable/account"
-        app:layout_constraintBottom_toBottomOf="parent"
-        app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintStart_toEndOf="@+id/myBubbleImageView"
-        app:layout_constraintTop_toBottomOf="@+id/imageMyBubble" />
+            <ImageButton
+                android:id="@+id/accountImageView"
+                android:layout_width="90dp"
+                android:layout_height="90dp"
+                android:layout_marginStart="@dimen/margin_start_and_end"
+                android:layout_marginEnd="@dimen/margin_start_and_end"
+                android:background="@drawable/account"
+                app:layout_constraintBottom_toBottomOf="@+id/myBubbleImageView"
+                app:layout_constraintEnd_toEndOf="parent"
+                app:layout_constraintHorizontal_bias="0.5"
+                app:layout_constraintStart_toEndOf="@+id/myBubbleImageView"
+                app:layout_constraintTop_toTopOf="@+id/myBubbleImageView" />
 
     <ImageButton
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_marginTop="70dp"
-        android:layout_marginBottom="24dp"
+        android:id="@+id/imageButton"
+        android:layout_width="50dp"
+        android:layout_height="50dp"
+        android:layout_marginTop="32dp"
         android:background="@drawable/home"
         app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintEnd_toStartOf="@+id/accountImageView"
         app:layout_constraintStart_toEndOf="@+id/myBubbleImageView"
-        app:layout_constraintTop_toBottomOf="@+id/imageMyBubble" />
+        app:layout_constraintTop_toTopOf="@+id/myBubbleImageView" />
 
+    <androidx.constraintlayout.widget.Constraints
+        android:id="@+id/constraints"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="@dimen/margin_start_and_end"
+        android:layout_marginTop="@dimen/margin_start_and_end"
+        android:layout_marginEnd="@dimen/margin_start_and_end"
+        android:layout_marginBottom="@dimen/margin_start_and_end"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
 
 </androidx.constraintlayout.widget.ConstraintLayout>