diff --git a/Neumorphism.Avalonia/Styles/Assists/ComboBoxAssist.cs b/Neumorphism.Avalonia/Styles/Assists/ComboBoxAssist.cs
index f55a589..7068470 100644
--- a/Neumorphism.Avalonia/Styles/Assists/ComboBoxAssist.cs
+++ b/Neumorphism.Avalonia/Styles/Assists/ComboBoxAssist.cs
@@ -1,11 +1,12 @@
 using Avalonia;
 using Avalonia.Controls;
+using Avalonia.Media;
 
 namespace Neumorphism.Avalonia.Styles.Assists
 {
     public class ComboBoxAssist
     {
-        public static AvaloniaProperty<string> LabelProperty = AvaloniaProperty.RegisterAttached<ComboBox, string>("Label", typeof(ComboBox));
+        public static AvaloniaProperty<string> LabelProperty = AvaloniaProperty.RegisterAttached<ComboBox, string>("Label", typeof(ComboBoxAssist));
 
         public static void SetLabel(AvaloniaObject element, string value) => element.SetValue(LabelProperty, value);
 
@@ -14,10 +15,75 @@ public class ComboBoxAssist
 
 
 
-        public static AvaloniaProperty<bool> UseFloatingWatermarkProperty = AvaloniaProperty.RegisterAttached<ComboBox, bool>("UseFloatingWatermark", typeof(ComboBox));
+        public static AvaloniaProperty<bool> UseFloatingWatermarkProperty = AvaloniaProperty.RegisterAttached<ComboBox, bool>("UseFloatingWatermark", typeof(ComboBoxAssist));
 
         public static void SetUseFloatingWatermark(AvaloniaObject element, bool value) => element.SetValue(UseFloatingWatermarkProperty, value);
 
         public static bool GetUseFloatingWatermark(AvaloniaObject element) => (bool)element.GetValue(UseFloatingWatermarkProperty);
+
+
+
+        public static readonly AvaloniaProperty<object> InnerLeftContentProperty = AvaloniaProperty.RegisterAttached<ComboBox, object>(
+            "InnerLeftContent", typeof(ComboBoxAssist), null, true);
+
+        public static object GetInnerLeftContent(AvaloniaObject element)
+        {
+            return (object)element.GetValue(InnerLeftContentProperty);
+        }
+
+        public static void SetInnerLeftContent(AvaloniaObject element, object value)
+        {
+            element.SetValue(InnerLeftContentProperty, value);
+        }
+
+
+
+        public static AvaloniaProperty<IBrush> InnerLeftBackgroundProperty = AvaloniaProperty.RegisterAttached<ComboBox, IBrush>(
+            "InnerLeftBackground", typeof(ComboBoxAssist));
+
+        public static void SetInnerLeftBackground(AvaloniaObject element, IBrush value) => element.SetValue(InnerLeftBackgroundProperty, value);
+
+        public static IBrush GetInnerLeftBackground(AvaloniaObject element) => (IBrush)element.GetValue(InnerLeftBackgroundProperty);
+
+
+
+        public static AvaloniaProperty<Thickness> InnerLeftPaddingProperty = AvaloniaProperty.RegisterAttached<ComboBox, Thickness>(
+            "InnerLeftPadding", typeof(ComboBoxAssist));
+
+        public static void SetInnerLeftPadding(AvaloniaObject element, Thickness value) => element.SetValue(InnerLeftPaddingProperty, value);
+
+        public static Thickness GetInnerLeftPadding(AvaloniaObject element) => (Thickness)element.GetValue(InnerLeftPaddingProperty);
+
+
+
+        public static readonly AvaloniaProperty<object> InnerRightContentProperty = AvaloniaProperty.RegisterAttached<ComboBox, object>(
+           "InnerRightContent", typeof(ComboBoxAssist), null, true);
+
+        public static object GetInnerRightContent(AvaloniaObject element)
+        {
+            return (object)element.GetValue(InnerRightContentProperty);
+        }
+
+        public static void SetInnerRightContent(AvaloniaObject element, object value)
+        {
+            element.SetValue(InnerRightContentProperty, value);
+        }
+
+
+
+        public static AvaloniaProperty<IBrush> InnerRightBackgroundProperty = AvaloniaProperty.RegisterAttached<ComboBox, IBrush>(
+            "InnerRightBackground", typeof(ComboBoxAssist));
+
+        public static void SetInnerRightBackground(AvaloniaObject element, IBrush value) => element.SetValue(InnerRightBackgroundProperty, value);
+
+        public static IBrush GetInnerRightBackground(AvaloniaObject element) => (IBrush)element.GetValue(InnerRightBackgroundProperty);
+
+
+        public static AvaloniaProperty<Thickness> InnerRightPaddingProperty = AvaloniaProperty.RegisterAttached<ComboBox, Thickness>(
+            "InnerRightPadding", typeof(ComboBoxAssist));
+
+        public static void SetInnerRightPadding(AvaloniaObject element, Thickness value) => element.SetValue(InnerRightPaddingProperty, value);
+
+        public static Thickness GetInnerRightPadding(AvaloniaObject element) => (Thickness)element.GetValue(InnerRightPaddingProperty);
     }
 }
\ No newline at end of file
diff --git a/Neumorphism.Avalonia/Styles/ComboBox.xaml b/Neumorphism.Avalonia/Styles/ComboBox.xaml
index dd2242d..8d724d9 100644
--- a/Neumorphism.Avalonia/Styles/ComboBox.xaml
+++ b/Neumorphism.Avalonia/Styles/ComboBox.xaml
@@ -10,11 +10,12 @@
     <converters:ControlWidthToCornerRadiusConverter x:Key="ControlWidthToCornerRadiusConverter" />
     <converters:ControlWidthToBoxShadowConverter x:Key="ControlWidthToBoxShadowConverter" />
     <converters:ComboboxHeightToFloatingWatermarkMarginConverter x:Key="ComboboxHeightToFloatingWatermarkMarginConverter" />
+	<converters:HeightToMarginConverter x:Key="HeightToMarginConverter" />
   </Styles.Resources>
 
 
-	<!--Regular (no class)-->
-	<Style Selector="ComboBox">
+	<!--Regular (no class) or Inset class-->
+	<Style Selector="ComboBox, ComboBox.Inset">
 			<Setter Property="HorizontalContentAlignment" Value="Stretch"/>
 			<Setter Property="HorizontalAlignment" Value="Stretch"/>
 			<Setter Property="VerticalAlignment" Value="Center"/>
@@ -33,14 +34,19 @@
 			<Setter Property="FontStyle" Value="Normal"/>
 			<Setter Property="Cursor" Value="Hand"/>
 			<Setter Property="assists:ComboBoxAssist.UseFloatingWatermark" Value="False"/>
+			<Setter Property="assists:ComboBoxAssist.InnerLeftBackground" Value="#22444444"/>
+			<Setter Property="assists:ComboBoxAssist.InnerRightBackground" Value="#22444444"/>
+			<Setter Property="assists:ComboBoxAssist.InnerLeftPadding" Value="0"/>
+			<Setter Property="assists:ComboBoxAssist.InnerRightPadding" Value="0"/>
 			<Setter Property="Template">
 			<ControlTemplate>
 				<Grid HorizontalAlignment="Stretch" VerticalAlignment="Top" ClipToBounds="False">
 
-					<TextBlock Name="floatingWatermark"
-                HorizontalAlignment="Stretch"
+					<!--<TextBlock Name="floatingWatermark"
+								HorizontalAlignment="Stretch"
 								VerticalAlignment="Center"
-								Foreground="{TemplateBinding Foreground}"
+								Background="Orange"
+							   Foreground="{TemplateBinding Foreground}"
 								FontFamily="{TemplateBinding FontFamily}"
 								FontSize="{TemplateBinding FontSize}"
 								FontWeight="{TemplateBinding FontWeight}"
@@ -48,20 +54,21 @@
 								Text="{TemplateBinding PlaceholderText}"
 								Opacity="0.5"
 								IsVisible="{TemplateBinding assists:ComboBoxAssist.UseFloatingWatermark}"
-								RenderTransformOrigin="0, 0" />
+								RenderTransformOrigin="0, 0" />-->
 
 
-					<TextBlock Name="watermark"
+					<!--<TextBlock Name="watermark"
 							  HorizontalAlignment="Stretch"
 							  VerticalAlignment="Center"
 							  Foreground="{TemplateBinding Foreground}"
+							  Background="Yellow"
 							  FontFamily="{TemplateBinding FontFamily}"
 							  FontSize="{TemplateBinding FontSize}"
 							  FontWeight="{TemplateBinding FontWeight}"
 							  FontStyle="{TemplateBinding FontStyle}"
 							  Text="{TemplateBinding PlaceholderText}"
-							  Margin="15,10,80,10"
-							  Opacity="{TemplateBinding assists:ComboBoxAssist.UseFloatingWatermark, Converter={StaticResource BooleanValueToDoubleConverter}, ConverterParameter=1}" />
+							  Margin="{TemplateBinding Height, Converter={StaticResource HeightToMarginConverter}, ConverterParameter=30%|10%|100%|10%}"
+							  Opacity="{TemplateBinding assists:ComboBoxAssist.UseFloatingWatermark, Converter={StaticResource BooleanValueToDoubleConverter}, ConverterParameter=1}" />-->
 
 					<Border Name="PART_Border" Height="{TemplateBinding Height}" HorizontalAlignment="Stretch"
 							  CornerRadius="{TemplateBinding Height, Converter={StaticResource ControlWidthToCornerRadiusConverter}, ConverterParameter=0}"
@@ -70,11 +77,44 @@
 							  BorderBrush="{TemplateBinding BorderBrush}"
 							  BorderThickness="{TemplateBinding BorderThickness}">
 
-
-
-						<ToggleButton Name="PART_Toggle" Classes="NoFeedback TransparentBack"
-									  Height="{TemplateBinding Height}" Width="{TemplateBinding Width}"
-									  BorderThickness="0" Background="Transparent"
+						<Grid ColumnDefinitions="Auto, *, Auto" HorizontalAlignment="Stretch">
+
+							<TextBlock Name="floatingWatermark" Grid.Column="1"
+									HorizontalAlignment="Stretch"
+									VerticalAlignment="Center"
+								    Foreground="{TemplateBinding Foreground}"
+									FontFamily="{TemplateBinding FontFamily}"
+									FontSize="{TemplateBinding FontSize}"
+									FontWeight="{TemplateBinding FontWeight}"
+									FontStyle="{TemplateBinding FontStyle}"
+									Text="{TemplateBinding PlaceholderText}"
+									Opacity="0.5"
+									IsVisible="{TemplateBinding assists:ComboBoxAssist.UseFloatingWatermark}"
+									RenderTransformOrigin="0, 0" />
+
+							<TextBlock Name="watermark" Grid.Column="1"
+									  HorizontalAlignment="Stretch"
+									  VerticalAlignment="Center"
+									  Foreground="{TemplateBinding Foreground}"
+									  FontFamily="{TemplateBinding FontFamily}"
+									  FontSize="{TemplateBinding FontSize}"
+									  FontWeight="{TemplateBinding FontWeight}"
+									  FontStyle="{TemplateBinding FontStyle}"
+									  Text="{TemplateBinding PlaceholderText}"
+									  Margin="{TemplateBinding Height, Converter={StaticResource HeightToMarginConverter}, ConverterParameter=30%|10%|100%|10%}"
+									  Opacity="{TemplateBinding assists:ComboBoxAssist.UseFloatingWatermark, Converter={StaticResource BooleanValueToDoubleConverter}, ConverterParameter=1}" />
+
+							<!--Left container-->
+							<Border Grid.Column="0" Background="{TemplateBinding assists:ComboBoxAssist.InnerLeftBackground}" Width="{Binding ElementName=PART_InnerLeft, Path=Width}"
+						   	  CornerRadius="{Binding ElementName=PART_Border, Path=CornerRadius, Converter={StaticResource DoubleToLeftRightCornerRadiusConverter}, ConverterParameter=0}"
+							  VerticalAlignment="Stretch">
+								<ContentPresenter Name="PART_InnerLeft" Background="Transparent" Content="{TemplateBinding assists:ComboBoxAssist.InnerLeftContent}" Padding="{TemplateBinding assists:ComboBoxAssist.InnerLeftPadding}" HorizontalContentAlignment="Left" />
+							</Border>
+
+							<ToggleButton Name="PART_Toggle" Grid.Column="1" Classes="NoFeedback TransparentBack"
+									  Height="{TemplateBinding Height}" Width="{Binding ElementName=watermark, Path=Width}"
+									  BorderThickness="0" 
+								      Background="Transparent"
 									  HorizontalContentAlignment="Stretch"
 									  IsChecked="{TemplateBinding IsDropDownOpen, Mode=TwoWay}"
 									  Margin="0"
@@ -89,18 +129,22 @@
 												  BorderThickness="0" BorderBrush="Transparent"
 												  HorizontalAlignment="Left"
 												  VerticalAlignment="Center"
+												  Height="{TemplateBinding Height}"
 												  Content="{TemplateBinding SelectionBoxItem}"
 												  ContentTemplate="{TemplateBinding ItemTemplate}"
-												  Margin="{TemplateBinding Padding}" Padding="7,0,7,0"/>
+												  Margin="{TemplateBinding Height, Converter={StaticResource HeightToMarginConverter}, ConverterParameter=0%|0%|0%|0%}"
+												  Padding="{TemplateBinding Height, Converter={StaticResource HeightToMarginConverter}, ConverterParameter=35%|0%|35%|0%}"/>
 								<Border Name="splitBorder"
 										Grid.Column="1"
-										Margin="16 20 16 16"
+										Width="10" Height="10"
+										Margin="{TemplateBinding Height, Converter={StaticResource HeightToMarginConverter}, ConverterParameter=0%|0%|35%|0%}"
 										HorizontalAlignment="Right"
 										VerticalAlignment="Center"
 										BorderBrush="Transparent"
 										BorderThickness="0">
 									<Path Name="arrow"
 										  Width="8" Height="8"
+										  Margin="0,4,0,0"
 										  Stretch="Uniform"
 										  HorizontalAlignment="Right"
 										  VerticalAlignment="Center"
@@ -110,6 +154,15 @@
 							</Grid>
 
 						</ToggleButton>
+
+
+							<!--Right container-->
+							<Border Grid.Column="2" Background="{TemplateBinding assists:ComboBoxAssist.InnerRightBackground}" Width="{Binding ElementName=PART_InnerRight, Path=Width}"
+							  CornerRadius="{Binding ElementName=PART_Border, Path=CornerRadius, Converter={StaticResource DoubleToLeftRightCornerRadiusConverter}, ConverterParameter=1}"
+							  VerticalAlignment="Stretch">
+								<ContentPresenter Name="PART_InnerRight" Background="Transparent" Content="{TemplateBinding assists:ComboBoxAssist.InnerRightContent}" Padding="{TemplateBinding assists:ComboBoxAssist.InnerRightPadding}" HorizontalContentAlignment="Left" />
+							</Border>
+						</Grid>
 					</Border>
 
 					<!--Combobox items container-->
@@ -145,6 +198,16 @@
 		</Setter>
 	</Style>
 
+
+	<!--Outset class-->
+	<Style Selector="ComboBox.Outset /template/ Border#PART_Border">
+		<Setter Property="BoxShadow" Value="{TemplateBinding Height, Converter={StaticResource ControlWidthToBoxShadowConverter}, ConverterParameter=0}"/>
+	</Style>
+	
+	
+	
+	
+
 	<Style Selector="TextBlock#floatingWatermark:not(.notransitions)">
 		<Setter Property="Transitions">
 			<Transitions>
diff --git a/Neumorphism.Avalonia/Styles/ComboBoxItem.xaml b/Neumorphism.Avalonia/Styles/ComboBoxItem.xaml
index fc8d311..60715ad 100644
--- a/Neumorphism.Avalonia/Styles/ComboBoxItem.xaml
+++ b/Neumorphism.Avalonia/Styles/ComboBoxItem.xaml
@@ -1,22 +1,28 @@
 <Styles xmlns="https://github.com/avaloniaui"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+		xmlns:converters="clr-namespace:Neumorphism.Avalonia.Styles.Converters"
         xmlns:ripple="clr-namespace:Neumorphism.Avalonia.Styles.Ripple">
-  
-  <Style Selector="ComboBoxItem">
-    <Setter Property="Padding" Value="16, 8" />
+
+	<Styles.Resources>
+		<converters:HeightToMarginConverter x:Key="HeightToMarginConverter" />
+	</Styles.Resources>
+
+   
+	<Style Selector="ComboBoxItem">
+    <Setter Property="Padding" Value="{Binding $parent[ComboBox].Height, Converter={StaticResource HeightToMarginConverter}, ConverterParameter=50%|30%|50%|0%}" /><!--16 8-->
     <Setter Property="BorderThickness" Value="0" />
     <Setter Property="HorizontalAlignment" Value="Stretch" />
     <Setter Property="HorizontalContentAlignment" Value="Left" />
     <Setter Property="Foreground" Value="{DynamicResource MaterialDesignForeground}" />
     <Setter Property="Background" Value="Transparent" />
     <Setter Property="Opacity" Value="1" />
-    <Setter Property="Height" Value="38" />
+    <Setter Property="Height" Value="{Binding $parent[ComboBox].Height}" /> <!--38-->
     <Setter Property="Template">
       <ControlTemplate>
         <Grid>
           <Border Name="PointerOverBorder"
                   Opacity="{TemplateBinding Opacity}"
-                  Height="{TemplateBinding Height}"
+                  Height="{Binding $parent[ComboBox].Height}"
                   BorderBrush="Transparent"
                   BorderThickness="0"
                   Background="{TemplateBinding Background}" />
diff --git a/Neumorphism.Avalonia/Styles/Slider.xaml b/Neumorphism.Avalonia/Styles/Slider.xaml
index a1bf1ed..77ed5ca 100644
--- a/Neumorphism.Avalonia/Styles/Slider.xaml
+++ b/Neumorphism.Avalonia/Styles/Slider.xaml
@@ -105,7 +105,7 @@
 							 Height="{TemplateBinding Height, Converter={StaticResource WidthMinusValueConverter}, ConverterParameter=10%}"
 							 Placement="Left" TickFrequency="{Binding $parent[Slider].TickFrequency}"
 							 Minimum="{TemplateBinding Minimum}" Maximum="{TemplateBinding Maximum}" />
-					
+
 					<Border Name="border" Grid.Column="1" BorderBrush="{TemplateBinding BorderBrush}" Width="{TemplateBinding Width}"
 					   CornerRadius="{TemplateBinding Width, Converter={StaticResource HeightToCornerRadiusConverter}}"
 					   BoxShadow="{TemplateBinding Width, Converter={StaticResource ControlWidthToBoxShadowConverter}, ConverterParameter=1}"
@@ -293,7 +293,9 @@
 	    <Setter Property="ClipToBounds" Value="False" />
 		<Setter Property="assists:SliderAssist.ThumbForeground" Value="{DynamicResource SecondaryHueMidBrush}"/>
     </Style>
-
+	
+	
+	<!--Shared styles-->
     <Style Selector="Slider:disabled">
 	    <Setter Property="Foreground" Value="{DynamicResource MaterialDesignCheckBoxDisabled}" />
     </Style>
diff --git a/Neumorphism.Avalonia/Styles/TextBlock.xaml b/Neumorphism.Avalonia/Styles/TextBlock.xaml
index 1c1cac3..15724c0 100644
--- a/Neumorphism.Avalonia/Styles/TextBlock.xaml
+++ b/Neumorphism.Avalonia/Styles/TextBlock.xaml
@@ -101,4 +101,26 @@
     <Setter Property="FontWeight" Value="Medium" />
     <Setter Property="FontFamily" Value="avares://Neumorphism.Avalonia/Styles/Fonts/Roboto/Roboto-Regular.ttf#Roboto, Arial"/>
   </Style>
+
+	<Style Selector="TextBlock.PanelSubtitleSmall">
+		<Setter Property="FontSize" Value="11" />
+		<Setter Property="FontWeight" Value="Regular" />
+		<Setter Property="FontFamily" Value="avares://Neumorphism.Avalonia/Styles/Fonts/Roboto/Roboto-Regular.ttf#Roboto, Arial"/>
+		<Setter Property="Margin" Value="0,10,0,10"/>
+	</Style>
+
+	<Style Selector="TextBlock.PanelSubtitleMedium">
+		<Setter Property="FontSize" Value="14" />
+		<Setter Property="FontWeight" Value="Regular" />
+		<Setter Property="FontFamily" Value="avares://Neumorphism.Avalonia/Styles/Fonts/Roboto/Roboto-Regular.ttf#Roboto, Arial"/>
+		<Setter Property="Margin" Value="0,13,0,13"/>
+	</Style>
+
+	<Style Selector="TextBlock.PanelSubtitleLarge">
+		<Setter Property="FontSize" Value="18" />
+		<Setter Property="FontWeight" Value="Regular" />
+		<Setter Property="FontFamily" Value="avares://Neumorphism.Avalonia/Styles/Fonts/Roboto/Roboto-Regular.ttf#Roboto, Arial"/>
+		<Setter Property="Margin" Value="0,16,0,16"/>
+	</Style>
+	
 </Styles>
diff --git a/Neumorphism.Demo/Neumorphism.Avalonia.Demo.csproj b/Neumorphism.Demo/Neumorphism.Avalonia.Demo.csproj
index aca173c..e9a3148 100644
--- a/Neumorphism.Demo/Neumorphism.Avalonia.Demo.csproj
+++ b/Neumorphism.Demo/Neumorphism.Avalonia.Demo.csproj
@@ -30,9 +30,21 @@
     <AvaloniaResource Include="**\*.axaml">
       <SubType>Designer</SubType>
     </AvaloniaResource>
+    <AdditionalFiles Remove="Pages\Panels\PanelLargeUIDemo.axaml" />
+    <AdditionalFiles Remove="Pages\Panels\PanelMediumUIDemo.axaml" />
+    <AdditionalFiles Remove="Pages\Panels\PanelSmallUIDemo.axaml" />
     <None Remove="Resources\Icons\app.ico" />
     <EmbeddedResource Include="Resources\Icons\app.ico" />
     <Content Include="Resources\Icons\app.ico" />
+    <Compile Update="Pages\Panels\PanelLargeUIDemo.axaml.cs">
+      <DependentUpon>%(Filename)</DependentUpon>
+    </Compile>
+    <Compile Update="Pages\Panels\PanelMediumUIDemo.axaml.cs">
+      <DependentUpon>%(Filename)</DependentUpon>
+    </Compile>
+    <Compile Update="Pages\Panels\PanelSmallUIDemo.axaml.cs">
+      <DependentUpon>PanelSmallUIDemo.axaml</DependentUpon>
+    </Compile>
     <Compile Update="Pages\SideSheetDemo.axaml.cs">
       <DependentUpon>SideSheetDemo.axaml</DependentUpon>
       <SubType>Code</SubType>
diff --git a/Neumorphism.Demo/Pages/ComboBoxesDemo.axaml b/Neumorphism.Demo/Pages/ComboBoxesDemo.axaml
index 90d8a4f..7fd0bb5 100644
--- a/Neumorphism.Demo/Pages/ComboBoxesDemo.axaml
+++ b/Neumorphism.Demo/Pages/ComboBoxesDemo.axaml
@@ -26,11 +26,35 @@
                         </ComboBox>
                     </showMeTheXaml:XamlDisplay>
                     <showMeTheXaml:XamlDisplay UniqueId="ClassicComboBoxes1">
-                        <ComboBox Width="500" PlaceholderText="Please select a user" Height="42" assist:ComboBoxAssist.UseFloatingWatermark="True">
-                            <TextBlock Text="John" />
-                            <TextBlock Text="Paul" />
-                            <TextBlock Text="Ringo" />
-                            <TextBlock Text="Georges" />
+                        <ComboBox Width="500" PlaceholderText="Please select a user" Height="42" assist:ComboBoxAssist.UseFloatingWatermark="True" SelectionChanged="ClassicComboBoxes1SelectionChanged">
+							<ComboBox.Styles>
+								<Style Selector="ComboBox">
+									<Setter Property="assist:ComboBoxAssist.InnerLeftContent">
+										<Setter.Value>
+											<Template>
+												<Button Classes="no-material" Margin="8,0,8,0" Width="42" Height="42" Cursor="Arrow">
+													<avalonia:MaterialIcon Kind="UserBox" Width="24" Height="24" />
+												</Button>
+											</Template>
+										</Setter.Value>
+									</Setter>
+								</Style>
+							</ComboBox.Styles>
+							<ComboBoxItem Tag="0">
+								<TextBlock Text="John" />
+							</ComboBoxItem>
+							<ComboBoxItem Tag="1">
+								<TextBlock Text="Paul" />
+							</ComboBoxItem>
+							<ComboBoxItem Tag="2">
+								<TextBlock Text="Ringo" />
+							</ComboBoxItem>
+							<ComboBoxItem Tag="3">
+								<TextBlock Text="Georges" />
+							</ComboBoxItem>
+							<ComboBoxItem Tag="-1">
+								<TextBlock Text="None" />
+							</ComboBoxItem>
                         </ComboBox>
                     </showMeTheXaml:XamlDisplay>
                     <showMeTheXaml:XamlDisplay UniqueId="ClassicComboBoxes2">
@@ -67,6 +91,82 @@
             </StackPanel>
         </WrapPanel>
 
+		<WrapPanel HorizontalAlignment="Stretch" Margin="0,30,0,0">
+			<StackPanel>
+				<TextBlock Classes="Headline6 Subheadline2" Text="Outset comboboxes" />
+				<StackPanel Orientation="Horizontal">
+					<showMeTheXaml:XamlDisplay UniqueId="OutsetComboBoxes0">
+						<ComboBox Classes="Outset" PlaceholderText="Select an item">
+							<TextBlock Text="Item 1" />
+							<TextBlock Text="Item 2" />
+							<TextBlock Text="Item 3" />
+							<TextBlock Text="Item with long long text" />
+						</ComboBox>
+					</showMeTheXaml:XamlDisplay>
+					<showMeTheXaml:XamlDisplay UniqueId="OutsetComboBoxes1">
+						<ComboBox Classes="Outset" Width="500" PlaceholderText="Please select a user" Height="42" 
+								  assist:ComboBoxAssist.UseFloatingWatermark="True">
+							<ComboBox.Styles>
+								<Style Selector="ComboBox">
+									<Setter Property="assist:ComboBoxAssist.InnerLeftContent">
+										<Setter.Value>
+											<Template>
+												<Button Classes="no-material" Margin="8,0,8,0" Width="42" Height="42" Cursor="Arrow">
+													<avalonia:MaterialIcon Kind="UserBox" Width="24" Height="24" />
+												</Button>
+											</Template>
+										</Setter.Value>
+									</Setter>
+								</Style>
+							</ComboBox.Styles>
+							<ComboBoxItem>
+								<TextBlock Text="John" />
+							</ComboBoxItem>
+							<ComboBoxItem>
+								<TextBlock Text="Paul" />
+							</ComboBoxItem>
+							<ComboBoxItem>
+								<TextBlock Text="Ringo" />
+							</ComboBoxItem>
+							<ComboBoxItem>
+								<TextBlock Text="Georges" />
+							</ComboBoxItem>
+						</ComboBox>
+					</showMeTheXaml:XamlDisplay>
+					<showMeTheXaml:XamlDisplay UniqueId="OutsetComboBoxes2">
+						<ComboBox Classes="Outset" Height="38">
+							<ComboBoxItem>
+								<StackPanel Orientation="Horizontal" VerticalAlignment="Stretch">
+									<avalonia:MaterialIcon Kind="Heart" Width="24" Height="24" Foreground="Red" Margin="0,0,8,0" VerticalAlignment="Center" />
+									<TextBlock Text="Red" VerticalAlignment="Center" />
+								</StackPanel>
+							</ComboBoxItem>
+							<ComboBoxItem>
+								<StackPanel Orientation="Horizontal" VerticalAlignment="Stretch">
+									<avalonia:MaterialIcon Kind="Heart" Width="24" Height="24" Foreground="Blue" Margin="0,0,8,0" VerticalAlignment="Center" />
+									<TextBlock Text="Blue" VerticalAlignment="Center" />
+								</StackPanel>
+							</ComboBoxItem>
+							<ComboBoxItem>
+								<StackPanel Orientation="Horizontal" VerticalAlignment="Stretch">
+									<avalonia:MaterialIcon Kind="Heart" Width="24" Height="24" Foreground="Green" Margin="0,0,8,0" VerticalAlignment="Center" />
+									<TextBlock Text="Green" VerticalAlignment="Center" />
+								</StackPanel>
+							</ComboBoxItem>
+						</ComboBox>
+					</showMeTheXaml:XamlDisplay>
+					<showMeTheXaml:XamlDisplay UniqueId="OutsetComboBoxes3">
+						<ComboBox Classes="Outset" IsEnabled="False" Height="32" PlaceholderText="Disabled">
+							<TextBlock Text="John" />
+							<TextBlock Text="Paul" />
+							<TextBlock Text="Ringo" />
+							<TextBlock Text="Georges" />
+						</ComboBox>
+					</showMeTheXaml:XamlDisplay>
+				</StackPanel>
+			</StackPanel>
+		</WrapPanel>
+
 
 
         <WrapPanel HorizontalAlignment="Stretch" Margin="0,30,0,0">
diff --git a/Neumorphism.Demo/Pages/ComboBoxesDemo.axaml.cs b/Neumorphism.Demo/Pages/ComboBoxesDemo.axaml.cs
index 402ea2f..a14dd09 100644
--- a/Neumorphism.Demo/Pages/ComboBoxesDemo.axaml.cs
+++ b/Neumorphism.Demo/Pages/ComboBoxesDemo.axaml.cs
@@ -14,5 +14,21 @@ private void InitializeComponent()
         {
             AvaloniaXamlLoader.Load(this);
         }
+
+        private void ClassicComboBoxes1SelectionChanged(object sender, SelectionChangedEventArgs e)
+        {
+            if (e.AddedItems != null && e.AddedItems.Count > 0)
+            {
+                var item = e.AddedItems[0] as ComboBoxItem;
+                if (item != null && item.Tag is string)
+                {
+                    if ((string)item.Tag == "-1")
+                    {
+                        // deselect item
+                        ((ComboBox)sender).SelectedIndex = -1;
+                    }
+                }
+            }
+        }
     }
 }
\ No newline at end of file
diff --git a/Neumorphism.Demo/Pages/Home.axaml b/Neumorphism.Demo/Pages/Home.axaml
index 8e48995..9eab4b2 100644
--- a/Neumorphism.Demo/Pages/Home.axaml
+++ b/Neumorphism.Demo/Pages/Home.axaml
@@ -9,6 +9,7 @@
               xmlns:models="clr-namespace:Neumorphism.Avalonia.Demo.Models"
               xmlns:conv="clr-namespace:Neumorphism.Avalonia.Demo.Converters"
               xmlns:avalonia="clr-namespace:Material.Icons.Avalonia;assembly=Material.Icons.Avalonia"
+			  xmlns:fullpanels="clr-namespace:Neumorphism.Avalonia.Demo.Pages.Panels"
               xmlns:wpf="clr-namespace:Neumorphism.Avalonia.Styles.Assists;assembly=Neumorphism.Avalonia"
               x:Class="Neumorphism.Avalonia.Demo.Pages.Home">
 	
@@ -73,5 +74,15 @@
           </Button>
         </WrapPanel>
       </StackPanel>
+
+
+	  <!--Full UI panel samples-->
+	  <StackPanel Orientation="Vertical" IsVisible="False">
+	    <fullpanels:PanelLargeUIDemo/>
+	    <fullpanels:PanelMediumUIDemo/>
+	    <fullpanels:PanelSmallUIDemo/>
+	  </StackPanel>
+	  
+	  
     </StackPanel>
   </UserControl>
diff --git a/Neumorphism.Demo/Pages/Panels/PanelLargeUIDemo.axaml b/Neumorphism.Demo/Pages/Panels/PanelLargeUIDemo.axaml
new file mode 100644
index 0000000..b2538a6
--- /dev/null
+++ b/Neumorphism.Demo/Pages/Panels/PanelLargeUIDemo.axaml
@@ -0,0 +1,55 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+              xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+              xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+              mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
+              xmlns:styles="clr-namespace:Neumorphism.Avalonia.Styles;assembly=Neumorphism.Avalonia"
+              xmlns:assist="clr-namespace:Neumorphism.Avalonia.Styles.Assists;assembly=Neumorphism.Avalonia"
+              xmlns:avalonia="clr-namespace:Material.Icons.Avalonia;assembly=Material.Icons.Avalonia"
+              xmlns:assists="clr-namespace:Neumorphism.Avalonia.Styles.Assists;assembly=Neumorphism.Avalonia"
+              x:Class="Neumorphism.Avalonia.Demo.Pages.Panels.PanelLargeUIDemo">
+
+  <StackPanel Margin="40" Height="200">
+    
+
+
+    
+    <TextBlock Classes="Headline6 Subheadline2" Text="Large size UI" Margin="0,30,0,0" />
+
+	  <StackPanel Orientation="Vertical" HorizontalAlignment="Left">
+		  <TextBlock Text="User" Classes="PanelSubtitleLarge"/>
+		  <ComboBox Height="42" Width="400" PlaceholderText="Please select a user" FontSize="14" FontWeight="Medium" Padding="0" 
+					assist:ComboBoxAssist.UseFloatingWatermark="False" HorizontalAlignment="Left">
+			  <ComboBox.Items>
+				  <ComboBoxItem>
+					  <TextBlock Text="Luke Skywalker" />
+				  </ComboBoxItem>
+				  <ComboBoxItem>
+					  <TextBlock Text="Dark Vador" />
+				  </ComboBoxItem>
+				  <ComboBoxItem>
+					  <TextBlock Text="Han Solo" />
+				  </ComboBoxItem>
+				  <ComboBoxItem>
+					  <TextBlock Text="Leia Organa" />
+				  </ComboBoxItem>
+			  </ComboBox.Items>
+			  
+			  <ComboBox.Styles>
+				  <Style Selector="ComboBox">
+					  <Setter Property="assists:ComboBoxAssist.InnerLeftContent">
+						  <Setter.Value>
+							  <Template>
+								  <Button Classes="no-material" Margin="8,0,8,0" Width="42" Height="42" Cursor="Arrow">
+									  <avalonia:MaterialIcon Kind="UserBox" Width="24" Height="24" />
+								  </Button>
+							  </Template>
+						  </Setter.Value>
+					  </Setter>
+				  </Style>
+			  </ComboBox.Styles>
+		</ComboBox>
+    </StackPanel>
+
+  </StackPanel>
+</UserControl>
\ No newline at end of file
diff --git a/Neumorphism.Demo/Pages/Panels/PanelLargeUIDemo.axaml.cs b/Neumorphism.Demo/Pages/Panels/PanelLargeUIDemo.axaml.cs
new file mode 100644
index 0000000..7cfeb5a
--- /dev/null
+++ b/Neumorphism.Demo/Pages/Panels/PanelLargeUIDemo.axaml.cs
@@ -0,0 +1,21 @@
+using Avalonia.Controls;
+using Avalonia.Markup.Xaml;
+using Neumorphism.Avalonia.Demo.ViewModels;
+
+namespace Neumorphism.Avalonia.Demo.Pages.Panels
+{
+    public class PanelLargeUIDemo : UserControl
+    {
+        public PanelLargeUIDemo()
+        {
+            this.InitializeComponent();
+
+            DataContext = new ButtonFieldsViewModel();
+        }
+
+        private void InitializeComponent()
+        {
+            AvaloniaXamlLoader.Load(this);
+        }
+    }
+}
\ No newline at end of file
diff --git a/Neumorphism.Demo/Pages/Panels/PanelMediumUIDemo.axaml b/Neumorphism.Demo/Pages/Panels/PanelMediumUIDemo.axaml
new file mode 100644
index 0000000..511b0e0
--- /dev/null
+++ b/Neumorphism.Demo/Pages/Panels/PanelMediumUIDemo.axaml
@@ -0,0 +1,52 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+              xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+              xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+              mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
+              xmlns:styles="clr-namespace:Neumorphism.Avalonia.Styles;assembly=Neumorphism.Avalonia"
+              xmlns:assist="clr-namespace:Neumorphism.Avalonia.Styles.Assists;assembly=Neumorphism.Avalonia"
+              xmlns:avalonia="clr-namespace:Material.Icons.Avalonia;assembly=Material.Icons.Avalonia"
+              xmlns:assists="clr-namespace:Neumorphism.Avalonia.Styles.Assists;assembly=Neumorphism.Avalonia"
+              x:Class="Neumorphism.Avalonia.Demo.Pages.Panels.PanelMediumUIDemo">
+
+  <StackPanel Margin="40" Height="200">
+    
+
+
+    
+    <TextBlock Classes="Headline6 Subheadline2" Text="Medium size UI" Margin="0,30,0,0" />
+
+	  <StackPanel Orientation="Vertical" HorizontalAlignment="Left">
+		  <TextBlock Text="User" Classes="PanelSubtitleMedium"/>
+		  <ComboBox Classes="Outset" Height="32" PlaceholderText="Please select a user" FontSize="11" FontWeight="Medium" Padding="0" 
+					assist:ComboBoxAssist.UseFloatingWatermark="False" HorizontalAlignment="Left">
+			  <ComboBox.Items>
+				  <ComboBoxItem>
+					  <TextBlock Text="Red" />
+				  </ComboBoxItem>
+				  <ComboBoxItem>
+					  <TextBlock Text="Blue" />
+				  </ComboBoxItem>
+				  <ComboBoxItem>
+					  <TextBlock Text="Green" />
+				  </ComboBoxItem>
+			  </ComboBox.Items>
+
+			  <ComboBox.Styles>
+				  <Style Selector="ComboBox">
+					  <Setter Property="assists:ComboBoxAssist.InnerLeftContent">
+						  <Setter.Value>
+							  <Template>
+								  <Button Classes="no-material" Margin="8,0,8,0" Width="32" Height="32" Cursor="Arrow">
+									  <avalonia:MaterialIcon Kind="Search" Width="24" Height="24" />
+								  </Button>
+							  </Template>
+						  </Setter.Value>
+					  </Setter>
+				  </Style>
+			  </ComboBox.Styles>
+		</ComboBox>
+    </StackPanel>
+
+  </StackPanel>
+</UserControl>
\ No newline at end of file
diff --git a/Neumorphism.Demo/Pages/Panels/PanelMediumUIDemo.axaml.cs b/Neumorphism.Demo/Pages/Panels/PanelMediumUIDemo.axaml.cs
new file mode 100644
index 0000000..4cce1e2
--- /dev/null
+++ b/Neumorphism.Demo/Pages/Panels/PanelMediumUIDemo.axaml.cs
@@ -0,0 +1,21 @@
+using Avalonia.Controls;
+using Avalonia.Markup.Xaml;
+using Neumorphism.Avalonia.Demo.ViewModels;
+
+namespace Neumorphism.Avalonia.Demo.Pages.Panels
+{
+    public class PanelMediumUIDemo : UserControl
+    {
+        public PanelMediumUIDemo()
+        {
+            this.InitializeComponent();
+
+            DataContext = new ButtonFieldsViewModel();
+        }
+
+        private void InitializeComponent()
+        {
+            AvaloniaXamlLoader.Load(this);
+        }
+    }
+}
\ No newline at end of file
diff --git a/Neumorphism.Demo/Pages/Panels/PanelSmallUIDemo.axaml b/Neumorphism.Demo/Pages/Panels/PanelSmallUIDemo.axaml
new file mode 100644
index 0000000..74ed018
--- /dev/null
+++ b/Neumorphism.Demo/Pages/Panels/PanelSmallUIDemo.axaml
@@ -0,0 +1,30 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+              xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+              xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+              mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
+              xmlns:styles="clr-namespace:Neumorphism.Avalonia.Styles;assembly=Neumorphism.Avalonia"
+              xmlns:assist="clr-namespace:Neumorphism.Avalonia.Styles.Assists;assembly=Neumorphism.Avalonia"
+              xmlns:avalonia="clr-namespace:Material.Icons.Avalonia;assembly=Material.Icons.Avalonia"
+              xmlns:assists="clr-namespace:Neumorphism.Avalonia.Styles.Assists;assembly=Neumorphism.Avalonia"
+              x:Class="Neumorphism.Avalonia.Demo.Pages.Panels.PanelSmallUIDemo">
+
+  <StackPanel Margin="40" Height="200">
+    
+
+
+    
+    <TextBlock Classes="Headline6 Subheadline2" Text="Small size UI" Margin="0,30,0,0" />
+
+	  <StackPanel Orientation="Vertical" HorizontalAlignment="Left">
+		  <TextBlock Text="User" Classes="PanelSubtitleSmall"/>
+		  <ComboBox Classes="Outset" Width="200" Height="22" PlaceholderText="Please select a user" FontSize="11" FontWeight="Medium" Padding="0" assist:ComboBoxAssist.UseFloatingWatermark="False" HorizontalAlignment="Left">
+			<TextBlock Text="John" />
+			<TextBlock Text="Paul" />
+			<TextBlock Text="Ringo" />
+			<TextBlock Text="Georges" />
+		</ComboBox>
+    </StackPanel>
+
+  </StackPanel>
+</UserControl>
\ No newline at end of file
diff --git a/Neumorphism.Demo/Pages/Panels/PanelSmallUIDemo.axaml.cs b/Neumorphism.Demo/Pages/Panels/PanelSmallUIDemo.axaml.cs
new file mode 100644
index 0000000..74e8d58
--- /dev/null
+++ b/Neumorphism.Demo/Pages/Panels/PanelSmallUIDemo.axaml.cs
@@ -0,0 +1,21 @@
+using Avalonia.Controls;
+using Avalonia.Markup.Xaml;
+using Neumorphism.Avalonia.Demo.ViewModels;
+
+namespace Neumorphism.Avalonia.Demo.Pages.Panels
+{
+    public class PanelSmallUIDemo : UserControl
+    {
+        public PanelSmallUIDemo()
+        {
+            this.InitializeComponent();
+
+            DataContext = new ButtonFieldsViewModel();
+        }
+
+        private void InitializeComponent()
+        {
+            AvaloniaXamlLoader.Load(this);
+        }
+    }
+}
\ No newline at end of file
diff --git a/Neumorphism.Demo/Pages/SlidersDemo.axaml b/Neumorphism.Demo/Pages/SlidersDemo.axaml
index 6512820..38bf8da 100644
--- a/Neumorphism.Demo/Pages/SlidersDemo.axaml
+++ b/Neumorphism.Demo/Pages/SlidersDemo.axaml
@@ -47,7 +47,7 @@
                 </StackPanel>
                 <StackPanel Classes="Content" Orientation="Horizontal">
                     <showMeTheXaml:XamlDisplay UniqueId="HorizontalSlider3">
-						<Slider IsSnapToTickEnabled="True" Classes="Accent" Width="120" Height="40" Value="50" TickFrequency="1" assists:SliderAssist.ThumbForeground="{DynamicResource SecondaryHueDarkBrush}">
+						<Slider IsSnapToTickEnabled="True" Classes="Accent Discrete" Width="120" Height="40" Value="50" TickFrequency="1" assists:SliderAssist.ThumbForeground="{DynamicResource SecondaryHueDarkBrush}">
 							<Slider.Styles>
 							 <Style Selector="Slider:horizontal">
 								<Setter Property="assists:SliderAssist.ThumbContent">
@@ -116,7 +116,7 @@
 					</StackPanel>
 					<StackPanel Classes="Content" Orientation="Vertical" VerticalAlignment="Bottom">
 						<showMeTheXaml:XamlDisplay UniqueId="VerticalSlider3" Width="40" Padding="0,0,0,20">
-							<Slider IsSnapToTickEnabled="True" Height="120" Width="40" Orientation="Vertical" Classes="Accent" Value="50" TickFrequency="10" assists:SliderAssist.ThumbForeground="{DynamicResource SecondaryHueDarkBrush}">
+							<Slider IsSnapToTickEnabled="True" Height="120" Width="40" Orientation="Vertical" Classes="Accent Discrete" Value="50" TickFrequency="10" assists:SliderAssist.ThumbForeground="{DynamicResource SecondaryHueDarkBrush}">
 								<Slider.Styles>
 									<Style Selector="Slider:vertical">
 										<Setter Property="assists:SliderAssist.ThumbContent">
@@ -202,7 +202,7 @@
                 </StackPanel>
                 <StackPanel Classes="Content" Orientation="Horizontal">
                     <showMeTheXaml:XamlDisplay UniqueId="HorizontalOutsetSlider4">
-						<Slider Height="80" Value="30" TickFrequency="25" Classes="Outset Ticks" assists:SliderAssist.ThumbForeground="#FF5cbcd6"
+						<Slider Height="80" Value="30" TickFrequency="25" Classes="Outset" assists:SliderAssist.ThumbForeground="#FF5cbcd6"
 								ToolTip.Tip="Horizontal outset slider with custom gradient color and custom size">
 							<Slider.Styles>
 								<Style Selector="Slider:horizontal.Outset">
@@ -255,7 +255,7 @@
 					</StackPanel>
 					<StackPanel Classes="Content" Orientation="Vertical" VerticalAlignment="Bottom">
 						<showMeTheXaml:XamlDisplay UniqueId="VerticalOutsetSlider3" Width="40" Padding="0,0,0,20">
-							<Slider Classes="Outset Accent" IsSnapToTickEnabled="True" Height="120" Width="40" Orientation="Vertical" Value="50" TickFrequency="10">
+							<Slider Classes="Outset Accent Discrete" IsSnapToTickEnabled="True" Height="120" Width="40" Orientation="Vertical" Value="50" TickFrequency="10">
 								<Slider.Styles>
 									<Style Selector="Slider:vertical">
 										<Setter Property="assists:SliderAssist.ThumbContent">