diff --git a/README.md b/README.md
index 814ec6b6..4929c67f 100644
--- a/README.md
+++ b/README.md
@@ -112,13 +112,18 @@ If you think that this project helped you or your company in any way, you can co
 
 
 ## Contributing
-We'd greatly appreciate any contribution you make. :)
+We'd greatly appreciate any contribution you make. :) 
 Also we have official [Contributors team](https://github.com/SamProf/MatBlazor/issues/474):
 - [SamProf](https://github.com/SamProf) - creator
 - [enkodellc](https://github.com/enkodellc)
 - [lindespang](https://github.com/lindespang)
 - [RonPeters](https://github.com/RonPeters)
 
+- Please do not include the compiled .js / .css in your PR's. These are autogenerated during builds and get rewritten.  
+- For PR's with UI updates please take a few minutes to review the Demo component for the changes and add the new 
+functionality in Demo for the component you are editing. Not only will this allow for easier testing / merging of your PR
+ it will give others an opportunity to see the capabilities of MatBlazor.
+
 ## News
 
 ### Roadmap
diff --git a/src/MatBlazor.Demo/Demo/DemoMatDrawer.razor b/src/MatBlazor.Demo/Demo/DemoMatDrawer.razor
index fb728c0c..7ecaffbc 100644
--- a/src/MatBlazor.Demo/Demo/DemoMatDrawer.razor
+++ b/src/MatBlazor.Demo/Demo/DemoMatDrawer.razor
@@ -81,7 +81,7 @@
 </DemoContainer>
 
 
-<h5 class="mat-h5">Responsive</h5>
+<h5 class="mat-h5">Responsive with Custom Width</h5>
 <DemoContainer SourcePath=".\..\..\MatBlazor.Demo\Frames\MatDrawerResponsivePageFrame.razor">
     <Content>
         <iframe src="MatDrawerResponsiveFrame" style="width: 100%; height: 50%;"></iframe>
@@ -90,7 +90,7 @@
     	<BlazorFiddle Template="MatBlazor" Code=@(@"@page ""/MatDrawerResponsiveFrame""
 
 
-<MatDrawerContainer Style=""width: 100vw; height: 100vh;"">
+<MatDrawerContainer Style=""height: 100vh;"" DrawerWidth=""400px"">
     <MatHidden Breakpoint=""@MatBreakpoint.SM"" Direction=""@MatHiddenDirection.Up"">
         <ChildContent>
             <MatDrawer @bind-Opened=""@Opened"" Mode=""@MatDrawerMode.Modal"">
@@ -100,7 +100,7 @@
 
         <ElseContent>
             <MatDrawer @bind-Opened=""@Opened"" Mode=""@MatDrawerMode.Dismissible"">
-                Drawer Content
+                400px Custom Width Drawer Content
             </MatDrawer>
         </ElseContent>
     </MatHidden>
diff --git a/src/MatBlazor.Demo/Frames/MatDrawerResponsivePageFrame.razor b/src/MatBlazor.Demo/Frames/MatDrawerResponsivePageFrame.razor
index cec1c0c9..0be70806 100644
--- a/src/MatBlazor.Demo/Frames/MatDrawerResponsivePageFrame.razor
+++ b/src/MatBlazor.Demo/Frames/MatDrawerResponsivePageFrame.razor
@@ -1,17 +1,17 @@
 @page "/MatDrawerResponsiveFrame"
 
 
-<MatDrawerContainer Style="width: 100vw; height: 100vh;">
+<MatDrawerContainer Style="height: 100vh;" DrawerWidth="400px">
     <MatHidden Breakpoint="@MatBreakpoint.SM" Direction="@MatHiddenDirection.Up">
         <ChildContent>
             <MatDrawer @bind-Opened="@Opened" Mode="@MatDrawerMode.Modal">
-                Drawer Content
+               Drawer Content
             </MatDrawer>
         </ChildContent>
 
         <ElseContent>
             <MatDrawer @bind-Opened="@Opened" Mode="@MatDrawerMode.Dismissible">
-                Drawer Content
+                400px Custom Width Drawer Content
             </MatDrawer>
         </ElseContent>
     </MatHidden>