diff --git a/WinUI3Example/MainWindow.xaml.cpp b/WinUI3Example/MainWindow.xaml.cpp
index d9b0f58..9396c74 100644
--- a/WinUI3Example/MainWindow.xaml.cpp
+++ b/WinUI3Example/MainWindow.xaml.cpp
@@ -55,6 +55,7 @@
 #include "RevealFocusPage.xaml.h"
 #include "TenMicaPage.xaml.h"
 #include "SliderHelperPage.xaml.h"
+#include "TeachingTipHelperPage.xaml.h"
 
 // To learn more about WinUI, the WinUI project structure,
 // and more about our project templates, see: http://aka.ms/winui-project-info.
diff --git a/WinUI3Example/MainWindow.xaml.h b/WinUI3Example/MainWindow.xaml.h
index bb88404..d92dc82 100644
--- a/WinUI3Example/MainWindow.xaml.h
+++ b/WinUI3Example/MainWindow.xaml.h
@@ -58,6 +58,7 @@ namespace winrt::WinUI3Example::implementation
 	struct RevealFocusPage;
     struct TenMicaPage;
     struct SliderHelperPage;
+    struct TeachingTipHelperPage;
 
     struct MainWindow : MainWindowT<MainWindow>
     {
@@ -131,7 +132,8 @@ namespace winrt::WinUI3Example::implementation
 			boost::hana::make_pair(L"NavigationViewHelper", boost::hana::type_c<WinUI3Example::implementation::NavigationViewHelperPage>),
             boost::hana::make_pair(L"RevealFocus", boost::hana::type_c<WinUI3Example::implementation::RevealFocusPage>),
             boost::hana::make_pair(L"TenMica", boost::hana::type_c<WinUI3Example::implementation::TenMicaPage>),
-            boost::hana::make_pair(L"SliderHelper", boost::hana::type_c<WinUI3Example::implementation::SliderHelperPage>)
+            boost::hana::make_pair(L"SliderHelper", boost::hana::type_c<WinUI3Example::implementation::SliderHelperPage>),
+            boost::hana::make_pair(L"TeachingTipHelper", boost::hana::type_c<WinUI3Example::implementation::TeachingTipHelperPage>)
         );
 
         static constexpr void iteratePageType(std::wstring_view key, auto&& onFound)
diff --git a/WinUI3Example/TeachingTipHelperPage.idl b/WinUI3Example/TeachingTipHelperPage.idl
new file mode 100644
index 0000000..13c9b95
--- /dev/null
+++ b/WinUI3Example/TeachingTipHelperPage.idl
@@ -0,0 +1,8 @@
+namespace WinUI3Example
+{
+    [default_interface]
+    runtimeclass TeachingTipHelperPage : Microsoft.UI.Xaml.Controls.Page
+    {
+        TeachingTipHelperPage();
+    }
+}
diff --git a/WinUI3Example/TeachingTipHelperPage.xaml b/WinUI3Example/TeachingTipHelperPage.xaml
new file mode 100644
index 0000000..d7fd8f5
--- /dev/null
+++ b/WinUI3Example/TeachingTipHelperPage.xaml
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<Page
+    x:Class="WinUI3Example.TeachingTipHelperPage"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:essential="using:WinUI3Package"
+    xmlns:local="using:WinUI3Example"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    mc:Ignorable="d">
+
+    <Grid>
+        <Button
+            x:Name="TestButton1"
+            Click="TestButton1_Click"
+            Content="Show TeachingTip" />
+        <TeachingTip
+            x:Name="TestButton1TeachingTip"
+            Title="This is the title"
+            essential:TeachingTipHelper.AcrylicWorkaround="True"
+            Subtitle="And this is the subtitle"
+            Target="{x:Bind TestButton1}">
+            <TeachingTip.IconSource>
+                <SymbolIconSource Symbol="Refresh" />
+            </TeachingTip.IconSource>
+        </TeachingTip>
+    </Grid>
+</Page>
diff --git a/WinUI3Example/TeachingTipHelperPage.xaml.cpp b/WinUI3Example/TeachingTipHelperPage.xaml.cpp
new file mode 100644
index 0000000..88ab135
--- /dev/null
+++ b/WinUI3Example/TeachingTipHelperPage.xaml.cpp
@@ -0,0 +1,19 @@
+#include "pch.h"
+#include "TeachingTipHelperPage.xaml.h"
+#if __has_include("TeachingTipHelperPage.g.cpp")
+#include "TeachingTipHelperPage.g.cpp"
+#endif
+
+// To learn more about WinUI, the WinUI project structure,
+// and more about our project templates, see: http://aka.ms/winui-project-info.
+
+namespace winrt::WinUI3Example::implementation
+{
+
+	void TeachingTipHelperPage::TestButton1_Click(
+		winrt::Windows::Foundation::IInspectable const&, 
+		winrt::Microsoft::UI::Xaml::RoutedEventArgs const&)
+	{
+		TestButton1TeachingTip().IsOpen(true);
+	}
+}
diff --git a/WinUI3Example/TeachingTipHelperPage.xaml.h b/WinUI3Example/TeachingTipHelperPage.xaml.h
new file mode 100644
index 0000000..2a96183
--- /dev/null
+++ b/WinUI3Example/TeachingTipHelperPage.xaml.h
@@ -0,0 +1,19 @@
+#pragma once
+
+#include "TeachingTipHelperPage.g.h"
+
+namespace winrt::WinUI3Example::implementation
+{
+    struct TeachingTipHelperPage : TeachingTipHelperPageT<TeachingTipHelperPage>
+    {
+        TeachingTipHelperPage() = default;
+        void TestButton1_Click(winrt::Windows::Foundation::IInspectable const& sender, winrt::Microsoft::UI::Xaml::RoutedEventArgs const& e);
+    };
+}
+
+namespace winrt::WinUI3Example::factory_implementation
+{
+    struct TeachingTipHelperPage : TeachingTipHelperPageT<TeachingTipHelperPage, implementation::TeachingTipHelperPage>
+    {
+    };
+}
diff --git a/WinUI3Example/WinUI3Example.vcxproj b/WinUI3Example/WinUI3Example.vcxproj
index a97cdc7..928f99f 100644
--- a/WinUI3Example/WinUI3Example.vcxproj
+++ b/WinUI3Example/WinUI3Example.vcxproj
@@ -605,6 +605,10 @@
       <DependentUpon>TaskbarPage.xaml</DependentUpon>
       <SubType>Code</SubType>
     </ClInclude>
+    <ClInclude Include="TeachingTipHelperPage.xaml.h">
+      <DependentUpon>TeachingTipHelperPage.xaml</DependentUpon>
+      <SubType>Code</SubType>
+    </ClInclude>
     <ClInclude Include="TemplateInformation.h">
       <DependentUpon>TemplateInformation.idl</DependentUpon>
       <SubType>Code</SubType>
@@ -871,6 +875,9 @@
     <Page Include="TaskbarPage.xaml">
       <SubType>Designer</SubType>
     </Page>
+    <Page Include="TeachingTipHelperPage.xaml">
+      <SubType>Designer</SubType>
+    </Page>
     <Page Include="TenMicaBackdropWindow.xaml">
       <SubType>Designer</SubType>
     </Page>
@@ -1251,6 +1258,10 @@
       <DependentUpon>TaskbarPage.xaml</DependentUpon>
       <SubType>Code</SubType>
     </ClCompile>
+    <ClCompile Include="TeachingTipHelperPage.xaml.cpp">
+      <DependentUpon>TeachingTipHelperPage.xaml</DependentUpon>
+      <SubType>Code</SubType>
+    </ClCompile>
     <ClCompile Include="TenMicaBackdropWindow.xaml.cpp">
       <DependentUpon>TenMicaBackdropWindow.xaml</DependentUpon>
       <SubType>Code</SubType>
@@ -1635,6 +1646,10 @@
       <DependentUpon>TaskbarPage.xaml</DependentUpon>
       <SubType>Code</SubType>
     </Midl>
+    <Midl Include="TeachingTipHelperPage.idl">
+      <DependentUpon>TeachingTipHelperPage.xaml</DependentUpon>
+      <SubType>Code</SubType>
+    </Midl>
     <Midl Include="TemplateInformation.idl">
       <SubType>Designer</SubType>
     </Midl>
diff --git a/WinUI3Example/WinUI3Example.vcxproj.filters b/WinUI3Example/WinUI3Example.vcxproj.filters
index 82d510c..7ec4f2d 100644
--- a/WinUI3Example/WinUI3Example.vcxproj.filters
+++ b/WinUI3Example/WinUI3Example.vcxproj.filters
@@ -248,6 +248,9 @@
     <Page Include="SliderHelperPage.xaml">
       <Filter>Pages</Filter>
     </Page>
+    <Page Include="TeachingTipHelperPage.xaml">
+      <Filter>Pages</Filter>
+    </Page>
   </ItemGroup>
   <ItemGroup>
     <Midl Include="App.idl" />
diff --git a/WinUI3Package/TeachingTipHelper.cpp b/WinUI3Package/TeachingTipHelper.cpp
new file mode 100644
index 0000000..e6689bb
--- /dev/null
+++ b/WinUI3Package/TeachingTipHelper.cpp
@@ -0,0 +1,188 @@
+#include "pch.h"
+#include "TeachingTipHelper.h"
+#if __has_include("TeachingTipHelper.g.cpp")
+#include "TeachingTipHelper.g.cpp"
+#endif
+
+#include "VisualTreeHelper.hpp"
+#include "AcrylicVisual.h"
+#include "AcrylicVisualWithBoundedCornerRadius.h"
+
+namespace winrt::WinUI3Package::implementation
+{
+	winrt::Microsoft::UI::Xaml::DependencyProperty TeachingTipHelper::s_acrylicWorkaroundProperty =
+		winrt::Microsoft::UI::Xaml::DependencyProperty::RegisterAttached(
+			L"AcrylicWorkaround",
+			winrt::xaml_typename<bool>(),
+			winrt::xaml_typename<class_type>(),
+			winrt::Microsoft::UI::Xaml::PropertyMetadata{
+				nullptr,
+				&TeachingTipHelper::acrylicWorkaroundChanged
+			}
+		);
+
+	winrt::Microsoft::UI::Xaml::DependencyProperty TeachingTipHelper::AcrylicWorkaroundProperty()
+	{
+		return s_acrylicWorkaroundProperty;
+	}
+
+	bool TeachingTipHelper::GetAcrylicWorkaround(winrt::Microsoft::UI::Xaml::Controls::TeachingTip const& teachingTip)
+	{
+		return winrt::unbox_value<bool>(teachingTip.GetValue(AcrylicWorkaroundProperty()));
+	}
+
+	void TeachingTipHelper::SetAcrylicWorkaround(
+		winrt::Microsoft::UI::Xaml::Controls::TeachingTip const& teachingTip,
+		bool value
+	)
+	{
+		teachingTip.SetValue(AcrylicWorkaroundProperty(), winrt::box_value(value));
+	}
+
+
+	void ApplyAcrylicToGrid(winrt::Microsoft::UI::Xaml::Controls::Grid const& grid)
+	{
+		grid.Background(winrt::Microsoft::UI::Xaml::Media::SolidColorBrush(
+			winrt::Windows::UI::Colors::Transparent()));
+
+		AcrylicVisualWithBoundedCornerRadius acrylicLayer{ grid };
+		winrt::get_self<winrt::WinUI3Package::implementation::AcrylicVisual>(
+			static_cast<winrt::WinUI3Package::AcrylicVisual const&>(acrylicLayer)
+		)->ClipOffset = { 0, 0, 0, 1 };
+		winrt::Microsoft::UI::Xaml::Controls::Grid::SetRow(acrylicLayer, 0);
+		winrt::Microsoft::UI::Xaml::Controls::Grid::SetRowSpan(acrylicLayer, 3);
+
+		grid.Children().InsertAt(0, acrylicLayer);
+	}
+
+	void PatchTailBorder(
+		winrt::Microsoft::UI::Xaml::Controls::Grid const& contentRootGrid,
+		winrt::Microsoft::UI::Xaml::Shapes::Polygon const& tailPolygon)
+	{
+		auto borderBrush = contentRootGrid.BorderBrush();
+
+		auto bottomBorder = winrt::Microsoft::UI::Xaml::Controls::Grid();
+
+		winrt::Microsoft::UI::Xaml::Controls::ColumnDefinition col0;
+		col0.Width({ 1, winrt::Microsoft::UI::Xaml::GridUnitType::Star });
+		winrt::Microsoft::UI::Xaml::Controls::ColumnDefinition col1;
+		col1.Width({ 20, winrt::Microsoft::UI::Xaml::GridUnitType::Pixel });
+		winrt::Microsoft::UI::Xaml::Controls::ColumnDefinition col2;
+		col2.Width({ 1, winrt::Microsoft::UI::Xaml::GridUnitType::Star });
+
+		bottomBorder.ColumnDefinitions().Append(col0);
+		bottomBorder.ColumnDefinitions().Append(col1);
+		bottomBorder.ColumnDefinitions().Append(col2);
+
+		auto leftSeg = winrt::Microsoft::UI::Xaml::Controls::Grid();
+		leftSeg.Background(borderBrush);
+		winrt::Microsoft::UI::Xaml::Controls::Grid::SetColumn(leftSeg, 0);
+		bottomBorder.Children().Append(leftSeg);
+
+		auto rightSeg = winrt::Microsoft::UI::Xaml::Controls::Grid();
+		rightSeg.Background(borderBrush);
+		winrt::Microsoft::UI::Xaml::Controls::Grid::SetColumn(rightSeg, 2);
+		bottomBorder.Children().Append(rightSeg);
+
+		double borderHeight = 1;
+		bottomBorder.Height(borderHeight);
+		bottomBorder.VerticalAlignment(winrt::Microsoft::UI::Xaml::VerticalAlignment::Bottom);
+		winrt::Microsoft::UI::Xaml::Controls::Grid::SetRowSpan(bottomBorder, 3);
+		contentRootGrid.Children().Append(bottomBorder);
+
+		winrt::Microsoft::UI::Xaml::Media::TranslateTransform transform;
+		transform.Y(1);
+		tailPolygon.RenderTransform(transform);
+	}
+
+	void PatchLightDismissSetters(winrt::Microsoft::UI::Xaml::Controls::Border const& contentRootGrid)
+	{
+		auto transparentBrush = winrt::Microsoft::UI::Xaml::Media::SolidColorBrush(
+			winrt::Windows::UI::Colors::Transparent());
+
+		auto groups = winrt::Microsoft::UI::Xaml::VisualStateManager::GetVisualStateGroups(contentRootGrid);
+		if (!groups) return;
+
+		for (auto const& group : groups)
+		{
+			if (group.Name() != L"LightDismissStates") continue;
+
+			for (auto const& state : group.States())
+			{
+				if (state.Name() != L"LightDismiss") continue;
+
+				for (auto const& setterBase : state.Setters())
+				{
+					auto setter = setterBase.try_as<winrt::Microsoft::UI::Xaml::Setter>();
+					if (!setter) continue;
+
+					auto target = setter.Target();
+					if (!target) continue;
+
+					auto PathName = target.Path().Path();
+
+					if (PathName == L"Background" || PathName == L"Fill")
+					{
+						setter.Value(transparentBrush);
+					}
+				}
+			}
+		}
+	}
+
+
+	void TeachingTipHelper::acrylicWorkaroundChanged(
+		winrt::Microsoft::UI::Xaml::DependencyObject const& object,
+		winrt::Microsoft::UI::Xaml::DependencyPropertyChangedEventArgs const& arg)
+	{
+		auto const acrylicWorkaround = winrt::unbox_value<bool>(arg.NewValue());
+
+		if (!acrylicWorkaround) return;
+
+		auto teachingTip = object.as<winrt::Microsoft::UI::Xaml::Controls::TeachingTip>();
+
+		teachingTip.Background(winrt::Microsoft::UI::Xaml::Media::SolidColorBrush{
+		   winrt::Windows::UI::Colors::Transparent()
+			});
+
+
+		auto teachingTipLoadedRevoker = std::make_shared<winrt::Microsoft::UI::Xaml::Controls::TeachingTip::Loaded_revoker>();
+		*teachingTipLoadedRevoker = teachingTip.Loaded(winrt::auto_revoke, [teachingTipLoadedRevoker](winrt::Windows::Foundation::IInspectable const& teachingTipRef, auto&&)
+		{
+			teachingTipLoadedRevoker->revoke();
+
+			auto teachingTip = teachingTipRef.as<winrt::Microsoft::UI::Xaml::Controls::TeachingTip>();
+			teachingTip.ShouldConstrainToRootBounds(false);
+
+			auto border = VisualTreeHelper::FindVisualChildByName<winrt::Microsoft::UI::Xaml::Controls::Border>(
+				teachingTip,
+				L"Container"
+			);
+
+			if (!border) return;
+
+			PatchLightDismissSetters(border);
+
+			auto borderLoadedRevoker = std::make_shared<winrt::Microsoft::UI::Xaml::Controls::Border::Loaded_revoker>();
+			*borderLoadedRevoker = border.Loaded(winrt::auto_revoke, [borderLoadedRevoker](winrt::Windows::Foundation::IInspectable const& borderRef, auto&&)
+			{
+				borderLoadedRevoker->revoke();
+
+				auto border = borderRef.as<winrt::Microsoft::UI::Xaml::Controls::Border>();
+
+				auto contentRootGrid = border.FindName(L"ContentRootGrid").try_as<winrt::Microsoft::UI::Xaml::Controls::Grid>();
+				auto tailPolygon = border.FindName(L"TailPolygon").try_as<winrt::Microsoft::UI::Xaml::Shapes::Polygon>();
+
+				if (contentRootGrid)
+					ApplyAcrylicToGrid(contentRootGrid);
+
+				if (contentRootGrid && tailPolygon)
+					PatchTailBorder(contentRootGrid, tailPolygon);
+
+			});
+
+
+		});
+
+	}
+}
diff --git a/WinUI3Package/TeachingTipHelper.h b/WinUI3Package/TeachingTipHelper.h
new file mode 100644
index 0000000..f1e9118
--- /dev/null
+++ b/WinUI3Package/TeachingTipHelper.h
@@ -0,0 +1,31 @@
+#pragma once
+
+#include "TeachingTipHelper.g.h"
+
+namespace winrt::WinUI3Package::implementation
+{
+	struct TeachingTipHelper : TeachingTipHelperT<TeachingTipHelper>
+	{
+		static winrt::Microsoft::UI::Xaml::DependencyProperty AcrylicWorkaroundProperty();
+		static bool GetAcrylicWorkaround(winrt::Microsoft::UI::Xaml::Controls::TeachingTip const& teachingTip);
+		static void SetAcrylicWorkaround(
+			winrt::Microsoft::UI::Xaml::Controls::TeachingTip const& teachingTip,
+			bool value
+		);
+
+	private:
+		static winrt::Microsoft::UI::Xaml::DependencyProperty s_acrylicWorkaroundProperty;
+
+		static void acrylicWorkaroundChanged(
+			winrt::Microsoft::UI::Xaml::DependencyObject const& object,
+			winrt::Microsoft::UI::Xaml::DependencyPropertyChangedEventArgs const& arg
+		);
+	};
+}
+
+namespace winrt::WinUI3Package::factory_implementation
+{
+    struct TeachingTipHelper : TeachingTipHelperT<TeachingTipHelper, implementation::TeachingTipHelper>
+    {
+    };
+}
diff --git a/WinUI3Package/TeachingTipHelper.idl b/WinUI3Package/TeachingTipHelper.idl
new file mode 100644
index 0000000..0106f1c
--- /dev/null
+++ b/WinUI3Package/TeachingTipHelper.idl
@@ -0,0 +1,11 @@
+namespace WinUI3Package
+{
+    [bindable]
+    [default_interface]
+    runtimeclass TeachingTipHelper 
+    {
+        static Microsoft.UI.Xaml.DependencyProperty AcrylicWorkaroundProperty{get; };
+        static Boolean GetAcrylicWorkaround(Microsoft.UI.Xaml.Controls.TeachingTip teachingTip);
+        static void SetAcrylicWorkaround(Microsoft.UI.Xaml.Controls.TeachingTip teachingTip, Boolean value);
+    }
+}
diff --git a/WinUI3Package/WinUI3Package.vcxproj b/WinUI3Package/WinUI3Package.vcxproj
index 6083d07..54d635f 100644
--- a/WinUI3Package/WinUI3Package.vcxproj
+++ b/WinUI3Package/WinUI3Package.vcxproj
@@ -552,6 +552,10 @@
     <ClInclude Include="TaskbarIconBase.h" />
     <ClInclude Include="TaskbarIconMessageWindow.h" />
     <ClInclude Include="TaskbarIconXamlEvents.h" />
+    <ClInclude Include="TeachingTipHelper.h">
+      <DependentUpon>TeachingTipHelper.idl</DependentUpon>
+      <SubType>Code</SubType>
+    </ClInclude>
     <ClInclude Include="TenMicaBackdrop.h">
       <DependentUpon>TenMicaBackdrop.idl</DependentUpon>
       <SubType>Code</SubType>
@@ -886,6 +890,10 @@
     </ClCompile>
     <ClCompile Include="TaskbarIconBase.cpp" />
     <ClCompile Include="TaskbarIconMessageWindow.cpp" />
+    <ClCompile Include="TeachingTipHelper.cpp">
+      <DependentUpon>TeachingTipHelper.idl</DependentUpon>
+      <SubType>Code</SubType>
+    </ClCompile>
     <ClCompile Include="TenMicaBackdrop.cpp">
       <DependentUpon>TenMicaBackdrop.idl</DependentUpon>
       <SubType>Code</SubType>
@@ -1140,6 +1148,9 @@
     <Midl Include="TaskbarIcon.idl">
       <SubType>Designer</SubType>
     </Midl>
+    <Midl Include="TeachingTipHelper.idl">
+      <SubType>Designer</SubType>
+    </Midl>
     <Midl Include="TenMicaBackdrop.idl">
       <SubType>Designer</SubType>
     </Midl>
diff --git a/WinUI3Package/WinUI3Package.vcxproj.filters b/WinUI3Package/WinUI3Package.vcxproj.filters
index 40018a1..6d32062 100644
--- a/WinUI3Package/WinUI3Package.vcxproj.filters
+++ b/WinUI3Package/WinUI3Package.vcxproj.filters
@@ -608,10 +608,10 @@
     <Midl Include="CustomBackdropBase.idl">
       <Filter>Backdrop</Filter>
     </Midl>
-    <Midl Include="NavigationViewItemHelper.idl">
+    <Midl Include="SliderHelper.idl">
       <Filter>Controls\Helpers</Filter>
     </Midl>
-    <Midl Include="SliderHelper.idl">
+    <Midl Include="TeachingTipHelper.idl">
       <Filter>Controls\Helpers</Filter>
     </Midl>
   </ItemGroup>