title: BottomSheet - Incorrect Design Behavior
body: <p>I have been trying to set the <code>Bottomsheet</code> the way Google is using in their apps such as GOOGLE NEWS etc, </p>
  
  <blockquote>
    <p>This is how Google's <code>Bottomsheet</code> looks like the following</p>
  </blockquote>
  
  <p><a href="https://i.stack.imgur.com/B9Tuv.png" rel="noreferrer"><img src="https://i.stack.imgur.com/B9Tuv.png" alt="enter image description here"></a></p>
  
  <blockquote>
    <p>Where my <code>Bottomsheet</code> looks like the following</p>
  </blockquote>
  
  <p><a href="https://i.stack.imgur.com/QLU07.png" rel="noreferrer"><img src="https://i.stack.imgur.com/QLU07.png" alt="enter image description here"></a></p>
  
  <p>Stright away you will notice two things, </p>
  
  <ol>
  <li><strong>There are no rounded corners</strong></li>
  <li><strong>The navigation at the bottom is not blended</strong></li>
  </ol>
  
  <p>My code for <code>bottomsheet</code> is the following (i removed the controls for simplicity purposes)</p>
  
  <p><strong>MyBottomSheet.xml</strong></p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:app="http://schemas.android.com/apk/res-auto"
      android:id="@+id/bottom_sheet"
      android:elevation="10dp"
      android:minHeight="300dp"
      app:behavior_peekHeight="120dp"
      app:layout_behavior="android.support.design.widget.BottomSheetBehavior"&gt;
      &lt;ScrollView
          android:layout_width="match_parent"
          android:layout_height="match_parent"&gt;
          &lt;LinearLayout
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:orientation="vertical"
              android:layout_marginBottom="30dp"&gt;
              &lt;LinearLayout
                  android:layout_width="match_parent"
                  android:layout_height="match_parent"
                  android:orientation="vertical"&gt;           
                &lt;!--controls here--&gt;
              &lt;/LinearLayout&gt;
          &lt;/LinearLayout&gt;
      &lt;/ScrollView&gt;
  &lt;/LinearLayout&gt;
  </code></pre>
  
  <p>And I am calling it in my code as follows </p>
  
  <pre><code>View view = LayoutInflater.Inflate(Resource.Layout.MyBottomSheet, null);
  Dialog dialog = new BottomSheetDialog(this);
  dialog.SetContentView(view);
  </code></pre>
  
  <p>How can I get Rounded corners and make sure the bottom navigation does not go transparent?</p>