title: Android Studio showing different design in emulator
body: <p>This is what I have designed in Android Studio
  [Design][1]</p>
  <p>In emulator it shows like this
  [Emulator][2]</p>
  <p>Code:
  activity_main.xml</p>
  <pre><code>&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;
  &lt;androidx.constraintlayout.widget.ConstraintLayout xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot;
      xmlns:app=&quot;http://schemas.android.com/apk/res-auto&quot;
      xmlns:tools=&quot;http://schemas.android.com/tools&quot;
      android:layout_width=&quot;match_parent&quot;
      android:layout_height=&quot;match_parent&quot;
      tools:context=&quot;.MainActivity&quot;&gt;
  
      &lt;TextView
          android:id=&quot;@+id/textView&quot;
          android:layout_width=&quot;wrap_content&quot;
          android:layout_height=&quot;wrap_content&quot;
          android:layout_marginStart=&quot;16dp&quot;
          android:layout_marginTop=&quot;16dp&quot;
          android:text=&quot;@string/app_name&quot;
          app:layout_constraintHeight_percent=&quot;0.1&quot;
          app:layout_constraintStart_toStartOf=&quot;parent&quot;
          app:layout_constraintTop_toTopOf=&quot;parent&quot;
          app:layout_constraintWidth_percent=&quot;0.3&quot;
          tools:text=&quot;Happy Birthday Thirumalai&quot;
          tools:visibility=&quot;visible&quot; /&gt;
  
      &lt;TextView
          android:id=&quot;@+id/textView2&quot;
          android:layout_width=&quot;wrap_content&quot;
          android:layout_height=&quot;wrap_content&quot;
          android:layout_marginEnd=&quot;16dp&quot;
          android:layout_marginBottom=&quot;16dp&quot;
          android:text=&quot;@string/family&quot;
          app:layout_constraintBottom_toBottomOf=&quot;parent&quot;
          app:layout_constraintEnd_toEndOf=&quot;parent&quot;
          app:layout_constraintHeight_percent=&quot;0.1&quot;
          app:layout_constraintWidth_percent=&quot;0.3&quot;/&gt;
  &lt;/androidx.constraintlayout.widget.ConstraintLayout&gt;
  </code></pre>
  <p>Code:
  AndroidManifest.xml</p>
  <pre><code>&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;
  &lt;manifest xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot;
      package=&quot;com.example.happybirthday&quot;&gt;
  
      &lt;application
          android:allowBackup=&quot;true&quot;
          android:icon=&quot;@mipmap/ic_launcher&quot;
          android:label=&quot;@string/app_name&quot;
          android:roundIcon=&quot;@mipmap/ic_launcher_round&quot;
          android:supportsRtl=&quot;true&quot;
          android:theme=&quot;@style/Theme.HappyBirthday&quot;&gt;
          &lt;activity android:name=&quot;.MainActivity&quot;&gt;
              &lt;intent-filter&gt;
                  &lt;action android:name=&quot;android.intent.action.MAIN&quot; /&gt;
  
                  &lt;category android:name=&quot;android.intent.category.LAUNCHER&quot; /&gt;
              &lt;/intent-filter&gt;
          &lt;/activity&gt;
      &lt;/application&gt;
  &lt;/manifest&gt;
  </code></pre>
  <p>How do I solve this?
  Thank You !!
  [1]: <a href="https://i.stack.imgur.com/dQn8s.png" rel="nofollow noreferrer">https://i.stack.imgur.com/dQn8s.png</a>
  [2]: <a href="https://i.stack.imgur.com/8hJAa.png" rel="nofollow noreferrer">https://i.stack.imgur.com/8hJAa.png</a></p>