diff --git a/core-ui/src/main/java/com/anytypeio/anytype/core_ui/widgets/StyleToolbarWidgetNew.kt b/core-ui/src/main/java/com/anytypeio/anytype/core_ui/widgets/StyleToolbarWidgetNew.kt
new file mode 100644
index 0000000000..c2c3baca0e
--- /dev/null
+++ b/core-ui/src/main/java/com/anytypeio/anytype/core_ui/widgets/StyleToolbarWidgetNew.kt
@@ -0,0 +1,19 @@
+package com.anytypeio.anytype.core_ui.widgets
+
+import android.content.Context
+import android.util.AttributeSet
+import android.view.LayoutInflater
+import androidx.cardview.widget.CardView
+import com.anytypeio.anytype.core_ui.R
+
+class StyleToolbarWidgetNew @JvmOverloads constructor(
+    context: Context,
+    attrs: AttributeSet? = null
+) : CardView(context, attrs) {
+
+    init {
+        LayoutInflater
+            .from(context)
+            .inflate(R.layout.widget_styling_toolbar_main, this)
+    }
+}
\ No newline at end of file
diff --git a/core-ui/src/main/res/drawable/ic_style_toolbar_bullet.xml b/core-ui/src/main/res/drawable/ic_style_toolbar_bullet.xml
new file mode 100644
index 0000000000..55da47e570
--- /dev/null
+++ b/core-ui/src/main/res/drawable/ic_style_toolbar_bullet.xml
@@ -0,0 +1,18 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="36dp"
+    android:height="16dp"
+    android:viewportWidth="36"
+    android:viewportHeight="16">
+  <path
+      android:pathData="M16,2.25h16v1.5h-16z"
+      android:fillColor="#CCCABB"/>
+  <path
+      android:pathData="M16,7.25h12v1.5h-12z"
+      android:fillColor="#CCCABB"/>
+  <path
+      android:pathData="M16,12.25h16v1.5h-16z"
+      android:fillColor="#CCCABB"/>
+  <path
+      android:pathData="M6,8m-3,0a3,3 0,1 1,6 0a3,3 0,1 1,-6 0"
+      android:fillColor="#2C2B27"/>
+</vector>
diff --git a/core-ui/src/main/res/drawable/ic_style_toolbar_button_background.xml b/core-ui/src/main/res/drawable/ic_style_toolbar_button_background.xml
new file mode 100644
index 0000000000..fe12a9dfca
--- /dev/null
+++ b/core-ui/src/main/res/drawable/ic_style_toolbar_button_background.xml
@@ -0,0 +1,5 @@
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <corners android:radius="10dp" />
+    <stroke android:color="#DFDDD0" android:width="0.5dp" />
+</shape>
\ No newline at end of file
diff --git a/core-ui/src/main/res/drawable/ic_style_toolbar_button_background_active.xml b/core-ui/src/main/res/drawable/ic_style_toolbar_button_background_active.xml
new file mode 100644
index 0000000000..054c436164
--- /dev/null
+++ b/core-ui/src/main/res/drawable/ic_style_toolbar_button_background_active.xml
@@ -0,0 +1,5 @@
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <corners android:radius="10dp" />
+    <solid android:color="#1A867D42"/>
+</shape>
\ No newline at end of file
diff --git a/core-ui/src/main/res/drawable/ic_style_toolbar_button_background_selector.xml b/core-ui/src/main/res/drawable/ic_style_toolbar_button_background_selector.xml
new file mode 100644
index 0000000000..3c107a3d0f
--- /dev/null
+++ b/core-ui/src/main/res/drawable/ic_style_toolbar_button_background_selector.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/ic_style_toolbar_button_background" android:state_selected="false" />
+    <item android:drawable="@drawable/ic_style_toolbar_button_background_active" android:state_selected="true" />
+</selector>
\ No newline at end of file
diff --git a/core-ui/src/main/res/drawable/ic_style_toolbar_callout_background.xml b/core-ui/src/main/res/drawable/ic_style_toolbar_callout_background.xml
new file mode 100644
index 0000000000..fc7d3477fe
--- /dev/null
+++ b/core-ui/src/main/res/drawable/ic_style_toolbar_callout_background.xml
@@ -0,0 +1,5 @@
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <corners android:radius="6dp" />
+    <solid android:color="#F3F2EC"  />
+</shape>
\ No newline at end of file
diff --git a/core-ui/src/main/res/drawable/ic_style_toolbar_checkbox.xml b/core-ui/src/main/res/drawable/ic_style_toolbar_checkbox.xml
new file mode 100644
index 0000000000..b1b295a713
--- /dev/null
+++ b/core-ui/src/main/res/drawable/ic_style_toolbar_checkbox.xml
@@ -0,0 +1,19 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="36dp"
+    android:height="16dp"
+    android:viewportWidth="36"
+    android:viewportHeight="16">
+  <path
+      android:pathData="M8,1.5C4.4102,1.5 1.5,4.4102 1.5,8C1.5,11.5899 4.4102,14.5 8,14.5C11.5899,14.5 14.5,11.5899 14.5,8C14.5,4.4102 11.5899,1.5 8,1.5ZM7.3322,11.5393L11.4188,5.2731L10.5812,4.7269L7.1678,9.9607L4.8535,7.6465L4.1465,8.3535L7.3322,11.5393Z"
+      android:fillColor="#2AA7EE"
+      android:fillType="evenOdd"/>
+  <path
+      android:pathData="M18,2.25h16v1.5h-16z"
+      android:fillColor="#CCCABB"/>
+  <path
+      android:pathData="M18,7.25h12v1.5h-12z"
+      android:fillColor="#CCCABB"/>
+  <path
+      android:pathData="M18,12.25h16v1.5h-16z"
+      android:fillColor="#CCCABB"/>
+</vector>
diff --git a/core-ui/src/main/res/drawable/ic_style_toolbar_highlight_cursor.xml b/core-ui/src/main/res/drawable/ic_style_toolbar_highlight_cursor.xml
new file mode 100644
index 0000000000..cae6f840f9
--- /dev/null
+++ b/core-ui/src/main/res/drawable/ic_style_toolbar_highlight_cursor.xml
@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="1dp"
+    android:height="24dp"
+    android:viewportWidth="1"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M0,0h1v24h-1z"
+      android:fillColor="#FFB522"/>
+</vector>
diff --git a/core-ui/src/main/res/drawable/ic_style_toolbar_main_three_dots.xml b/core-ui/src/main/res/drawable/ic_style_toolbar_main_three_dots.xml
new file mode 100644
index 0000000000..bcc6b829bf
--- /dev/null
+++ b/core-ui/src/main/res/drawable/ic_style_toolbar_main_three_dots.xml
@@ -0,0 +1,15 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M5,12m-1.5,0a1.5,1.5 0,1 1,3 0a1.5,1.5 0,1 1,-3 0"
+      android:fillColor="#2C2B27"/>
+  <path
+      android:pathData="M12,12m-1.5,0a1.5,1.5 0,1 1,3 0a1.5,1.5 0,1 1,-3 0"
+      android:fillColor="#2C2B27"/>
+  <path
+      android:pathData="M19,12m-1.5,0a1.5,1.5 0,1 1,3 0a1.5,1.5 0,1 1,-3 0"
+      android:fillColor="#2C2B27"/>
+</vector>
diff --git a/core-ui/src/main/res/drawable/ic_style_toolbar_more.xml b/core-ui/src/main/res/drawable/ic_style_toolbar_more.xml
new file mode 100644
index 0000000000..bcc6b829bf
--- /dev/null
+++ b/core-ui/src/main/res/drawable/ic_style_toolbar_more.xml
@@ -0,0 +1,15 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M5,12m-1.5,0a1.5,1.5 0,1 1,3 0a1.5,1.5 0,1 1,-3 0"
+      android:fillColor="#2C2B27"/>
+  <path
+      android:pathData="M12,12m-1.5,0a1.5,1.5 0,1 1,3 0a1.5,1.5 0,1 1,-3 0"
+      android:fillColor="#2C2B27"/>
+  <path
+      android:pathData="M19,12m-1.5,0a1.5,1.5 0,1 1,3 0a1.5,1.5 0,1 1,-3 0"
+      android:fillColor="#2C2B27"/>
+</vector>
diff --git a/core-ui/src/main/res/drawable/ic_style_toolbar_numbered.xml b/core-ui/src/main/res/drawable/ic_style_toolbar_numbered.xml
new file mode 100644
index 0000000000..7288ccc143
--- /dev/null
+++ b/core-ui/src/main/res/drawable/ic_style_toolbar_numbered.xml
@@ -0,0 +1,21 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="36dp"
+    android:height="16dp"
+    android:viewportWidth="36"
+    android:viewportHeight="16">
+  <path
+      android:pathData="M16,2.25H32V3.75H16V2.25Z"
+      android:fillColor="#CCCABB"/>
+  <path
+      android:pathData="M16,7.25H28V8.75H16V7.25Z"
+      android:fillColor="#CCCABB"/>
+  <path
+      android:pathData="M16,12.25H32V13.75H16V12.25Z"
+      android:fillColor="#CCCABB"/>
+  <path
+      android:pathData="M7.2955,2.1137H5.8864L2.9773,4.0455V5.4773L5.8182,3.5909H5.8864V13.75H7.2955V2.1137Z"
+      android:fillColor="#2C2B27"/>
+  <path
+      android:pathData="M10.8746,13.8409C11.4371,13.8409 11.8973,13.3807 11.8973,12.8182C11.8973,12.2557 11.4371,11.7955 10.8746,11.7955C10.3121,11.7955 9.8518,12.2557 9.8518,12.8182C9.8518,13.3807 10.3121,13.8409 10.8746,13.8409Z"
+      android:fillColor="#2C2B27"/>
+</vector>
diff --git a/core-ui/src/main/res/drawable/ic_style_toolbar_text_style_background_active.xml b/core-ui/src/main/res/drawable/ic_style_toolbar_text_style_background_active.xml
new file mode 100644
index 0000000000..054c436164
--- /dev/null
+++ b/core-ui/src/main/res/drawable/ic_style_toolbar_text_style_background_active.xml
@@ -0,0 +1,5 @@
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <corners android:radius="10dp" />
+    <solid android:color="#1A867D42"/>
+</shape>
\ No newline at end of file
diff --git a/core-ui/src/main/res/drawable/ic_style_toolbar_text_style_background_selector.xml b/core-ui/src/main/res/drawable/ic_style_toolbar_text_style_background_selector.xml
new file mode 100644
index 0000000000..5b9e6caf48
--- /dev/null
+++ b/core-ui/src/main/res/drawable/ic_style_toolbar_text_style_background_selector.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/ic_style_toolbar_text_style_background_active" android:state_selected="true" />
+</selector>
\ No newline at end of file
diff --git a/core-ui/src/main/res/drawable/ic_style_toolbar_toogle.xml b/core-ui/src/main/res/drawable/ic_style_toolbar_toogle.xml
new file mode 100644
index 0000000000..51245bb77c
--- /dev/null
+++ b/core-ui/src/main/res/drawable/ic_style_toolbar_toogle.xml
@@ -0,0 +1,19 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="36dp"
+    android:height="16dp"
+    android:viewportWidth="36"
+    android:viewportHeight="16">
+  <path
+      android:pathData="M16,2.25H32V3.75H16V2.25Z"
+      android:fillColor="#CCCABB"/>
+  <path
+      android:pathData="M16,7.25H28V8.75H16V7.25Z"
+      android:fillColor="#CCCABB"/>
+  <path
+      android:pathData="M16,12.25H32V13.75H16V12.25Z"
+      android:fillColor="#CCCABB"/>
+  <path
+      android:pathData="M4.5555,2.6647C4.7981,2.4192 5.1938,2.4168 5.4393,2.6595L10.8813,8.0379L5.5054,13.5408C5.2642,13.7877 4.8685,13.7923 4.6216,13.5511C4.3747,13.3099 4.3701,12.9142 4.6113,12.6673L9.1187,8.0534L4.5607,3.5485C4.3151,3.3059 4.3128,2.9102 4.5555,2.6647Z"
+      android:fillColor="#2C2B27"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/core-ui/src/main/res/font/graphik_semibold.ttf b/core-ui/src/main/res/font/graphik_semibold.ttf
index 1a9d68be41..028951be11 100644
Binary files a/core-ui/src/main/res/font/graphik_semibold.ttf and b/core-ui/src/main/res/font/graphik_semibold.ttf differ
diff --git a/core-ui/src/main/res/layout/widget_styling_toolbar_main.xml b/core-ui/src/main/res/layout/widget_styling_toolbar_main.xml
new file mode 100644
index 0000000000..dfea8008b9
--- /dev/null
+++ b/core-ui/src/main/res/layout/widget_styling_toolbar_main.xml
@@ -0,0 +1,235 @@
+<?xml version="1.0" encoding="utf-8"?>
+<merge xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto">
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content">
+
+        <View
+            android:id="@+id/dragger"
+            android:layout_width="48dp"
+            android:layout_height="4dp"
+            android:layout_gravity="center_horizontal"
+            android:layout_marginTop="6dp"
+            android:background="@drawable/dragger"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent" />
+
+        <HorizontalScrollView
+            android:id="@+id/textStyles"
+            android:layout_width="0dp"
+            android:layout_height="48dp"
+            android:scrollbars="none"
+            android:layout_marginTop="14dp"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@+id/dragger">
+
+            <LinearLayout
+                android:paddingStart="16dp"
+                android:orientation="horizontal"
+                android:layout_width="wrap_content"
+                android:layout_height="match_parent">
+
+                <TextView
+                    android:textSize="28sp"
+                    android:fontFamily="@font/graphik_semibold"
+                    android:text="@string/title"
+                    android:id="@+id/tvStyleTitle"
+                    android:layout_width="wrap_content"
+                    android:layout_height="match_parent"
+                    style="@style/StyleToolbarTextStyleStyle" />
+
+                <TextView
+                    android:textSize="22sp"
+                    android:fontFamily="@font/graphik_semibold"
+                    android:text="@string/heading"
+                    android:id="@+id/tvStyleHeading"
+                    android:layout_width="wrap_content"
+                    android:layout_height="match_parent"
+                    style="@style/StyleToolbarTextStyleStyle"/>
+
+                <TextView
+                    android:textSize="17sp"
+                    android:fontFamily="@font/inter_bold"
+                    android:text="@string/subheading"
+                    android:id="@+id/tvStyleSubheading"
+                    android:layout_width="wrap_content"
+                    android:layout_height="match_parent"
+                    style="@style/StyleToolbarTextStyleStyle"/>
+
+                <TextView
+                    android:textSize="15sp"
+                    android:fontFamily="@font/inter_regular"
+                    android:text="@string/text"
+                    android:id="@+id/tvStyleText"
+                    android:layout_width="wrap_content"
+                    android:layout_height="match_parent"
+                    style="@style/StyleToolbarTextStyleStyle"/>
+
+            </LinearLayout>
+
+        </HorizontalScrollView>
+
+        <FrameLayout
+            android:id="@+id/checkbox"
+            android:layout_width="0dp"
+            android:layout_height="48dp"
+            android:background="@drawable/ic_style_toolbar_button_background_selector">
+
+            <ImageView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_gravity="center"
+                android:src="@drawable/ic_style_toolbar_checkbox" />
+        </FrameLayout>
+
+        <FrameLayout
+            android:id="@+id/bulleted"
+            android:layout_width="0dp"
+            android:layout_height="48dp"
+            android:background="@drawable/ic_style_toolbar_button_background_selector">
+
+            <ImageView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_gravity="center"
+                android:src="@drawable/ic_style_toolbar_bullet" />
+        </FrameLayout>
+
+        <FrameLayout
+            android:id="@+id/numbered"
+            android:layout_width="0dp"
+            android:layout_height="48dp"
+            android:background="@drawable/ic_style_toolbar_button_background_selector">
+
+            <ImageView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_gravity="center"
+                android:src="@drawable/ic_style_toolbar_numbered" />
+        </FrameLayout>
+
+        <FrameLayout
+            android:id="@+id/toggle"
+            android:layout_width="0dp"
+            android:layout_height="48dp"
+            android:background="@drawable/ic_style_toolbar_button_background_selector">
+
+            <ImageView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_gravity="center"
+                android:src="@drawable/ic_style_toolbar_toogle" />
+        </FrameLayout>
+
+        <androidx.constraintlayout.helper.widget.Flow
+            android:id="@+id/flow"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="16dp"
+            android:layout_marginTop="16dp"
+            android:layout_marginEnd="16dp"
+            app:constraint_referenced_ids="checkbox,bulleted,numbered,toggle"
+            app:flow_horizontalGap="8dp"
+            app:flow_horizontalStyle="packed"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@+id/textStyles" />
+
+        <FrameLayout
+            android:id="@+id/highlight"
+            android:layout_width="0dp"
+            android:layout_height="48dp"
+            android:background="@drawable/ic_style_toolbar_button_background_selector">
+
+            <TextView
+                android:layout_marginStart="10dp"
+                android:drawablePadding="5dp"
+                android:drawableStart="@drawable/ic_style_toolbar_highlight_cursor"
+                android:gravity="center"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_gravity="center"
+                android:layout_marginEnd="12dp"
+                android:fontFamily="@font/inter_regular"
+                android:text="@string/highlight"
+                android:textColor="@color/black"
+                android:textSize="13sp" />
+        </FrameLayout>
+
+        <FrameLayout
+            android:id="@+id/callout"
+            android:layout_width="0dp"
+            android:layout_height="48dp"
+            android:background="@drawable/ic_style_toolbar_button_background_selector">
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_gravity="center"
+                android:layout_marginStart="18dp"
+                android:layout_marginEnd="18dp"
+                android:background="@drawable/ic_style_toolbar_callout_background"
+                android:fontFamily="@font/inter_regular"
+                android:paddingStart="8dp"
+                android:paddingTop="4dp"
+                android:paddingEnd="8dp"
+                android:paddingBottom="4dp"
+                android:text="@string/callout"
+                android:textColor="@color/black"
+                android:textSize="13sp" />
+        </FrameLayout>
+
+        <LinearLayout
+            android:id="@+id/other"
+            android:layout_width="0dp"
+            android:layout_height="48dp"
+            android:orientation="horizontal">
+
+            <FrameLayout
+                android:id="@+id/colors"
+                android:layout_width="0dp"
+                android:layout_weight="1"
+                android:layout_height="48dp">
+
+                <View
+                    android:layout_width="24dp"
+                    android:layout_height="24dp"
+                    android:layout_gravity="center"
+                    android:background="@drawable/circle_solid_default" />
+            </FrameLayout>
+
+            <FrameLayout
+                android:id="@+id/dots"
+                android:layout_width="0dp"
+                android:layout_weight="1"
+                android:layout_height="48dp">
+
+                <ImageView
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_gravity="center"
+                    android:src="@drawable/ic_style_toolbar_more" />
+            </FrameLayout>
+        </LinearLayout>
+
+        <androidx.constraintlayout.helper.widget.Flow
+            android:id="@+id/flow2"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="16dp"
+            android:layout_marginTop="16dp"
+            android:layout_marginEnd="16dp"
+            android:layout_marginBottom="20dp"
+            app:constraint_referenced_ids="highlight,callout,other"
+            app:flow_horizontalGap="8dp"
+            app:flow_horizontalStyle="packed"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@+id/flow" />
+
+    </androidx.constraintlayout.widget.ConstraintLayout>
+</merge>
\ No newline at end of file
diff --git a/core-ui/src/main/res/values/strings.xml b/core-ui/src/main/res/values/strings.xml
index 6482250e30..46cffbd795 100644
--- a/core-ui/src/main/res/values/strings.xml
+++ b/core-ui/src/main/res/values/strings.xml
@@ -375,5 +375,10 @@
     <string name="dv_filter_checkbox_checked">checked</string>
     <string name="dv_filter_checkbox_not_checked">not checked</string>
     <string name="paste_or_type_a_url">Paste or type a URL</string>
+    <string name="callout">Callout</string>
+    <string name="highlight">Highlight</string>
+    <string name="title">Title</string>
+    <string name="heading">Heading</string>
+    <string name="subheading">Subheading</string>
 
 </resources>
diff --git a/core-ui/src/main/res/values/styles.xml b/core-ui/src/main/res/values/styles.xml
index 7da8b9124c..a9e0839aac 100644
--- a/core-ui/src/main/res/values/styles.xml
+++ b/core-ui/src/main/res/values/styles.xml
@@ -645,4 +645,12 @@
         <item name="android:maxLines">1</item>
     </style>
 
+    <style name="StyleToolbarTextStyleStyle">
+        <item name="android:background">@drawable/ic_style_toolbar_text_style_background_selector</item>
+        <item name="android:paddingStart">10dp</item>
+        <item name="android:paddingEnd">10dp</item>
+        <item name="android:gravity">center_vertical</item>
+        <item name="android:textColor">@color/black</item>
+    </style>
+
 </resources>
\ No newline at end of file
diff --git a/sample/build.gradle b/sample/build.gradle
index 18b5455129..46d49c8c1b 100644
--- a/sample/build.gradle
+++ b/sample/build.gradle
@@ -66,15 +66,15 @@ dependencies {
 
     implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version"
     implementation applicationDependencies.fragment
-    implementation 'androidx.appcompat:appcompat:1.1.0'
-    implementation 'androidx.core:core-ktx:1.2.0'
-    implementation 'androidx.constraintlayout:constraintlayout:1.1.3'
+    implementation 'androidx.appcompat:appcompat:1.2.0'
+    implementation 'androidx.core:core-ktx:1.3.2'
+    implementation 'androidx.constraintlayout:constraintlayout:2.0.4'
     implementation applicationDependencies.design
 
     implementation applicationDependencies.permissionDisp
     kapt applicationDependencies.permissionDispCompiler
 
     testImplementation 'junit:junit:4.12'
-    androidTestImplementation 'androidx.test.ext:junit:1.1.1'
-    androidTestImplementation 'androidx.test.espresso:espresso-core:3.2.0'
+    androidTestImplementation 'androidx.test.ext:junit:1.1.2'
+    androidTestImplementation 'androidx.test.espresso:espresso-core:3.3.0'
 }
diff --git a/sample/src/main/AndroidManifest.xml b/sample/src/main/AndroidManifest.xml
index d44746ceed..43950f8e6d 100644
--- a/sample/src/main/AndroidManifest.xml
+++ b/sample/src/main/AndroidManifest.xml
@@ -19,15 +19,17 @@
         android:theme="@style/AppTheme"
         android:usesCleartextTraffic="true"
         tools:ignore="GoogleAppIndexingWarning">
-        <activity
-            android:name=".search.SearchOnPageActivity"
-            android:windowSoftInputMode="stateHidden|adjustResize">
+        <activity android:name=".StyleToolbarActivity">
             <intent-filter>
                 <action android:name="android.intent.action.MAIN" />
 
                 <category android:name="android.intent.category.LAUNCHER" />
             </intent-filter>
         </activity>
+        <activity
+            android:name=".search.SearchOnPageActivity"
+            android:windowSoftInputMode="stateHidden|adjustResize">
+        </activity>
         <activity android:name=".DisabledAnimationActivity" />
         <activity android:name=".ScrollAndMove" />
         <activity android:name=".StyleActivity" />
diff --git a/sample/src/main/java/com/anytypeio/anytype/sample/StyleToolbarActivity.kt b/sample/src/main/java/com/anytypeio/anytype/sample/StyleToolbarActivity.kt
new file mode 100644
index 0000000000..9c1fd0876a
--- /dev/null
+++ b/sample/src/main/java/com/anytypeio/anytype/sample/StyleToolbarActivity.kt
@@ -0,0 +1,11 @@
+package com.anytypeio.anytype.sample
+
+import android.os.Bundle
+import androidx.appcompat.app.AppCompatActivity
+
+class StyleToolbarActivity : AppCompatActivity() {
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        setContentView(R.layout.activity_style_toolbar)
+    }
+}
\ No newline at end of file
diff --git a/sample/src/main/res/layout/activity_style_toolbar.xml b/sample/src/main/res/layout/activity_style_toolbar.xml
new file mode 100644
index 0000000000..ffa0a66dbb
--- /dev/null
+++ b/sample/src/main/res/layout/activity_style_toolbar.xml
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:background="@color/black"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    tools:context=".StyleToolbarActivity">
+
+    <com.anytypeio.anytype.core_ui.widgets.StyleToolbarWidgetNew
+        app:cardBackgroundColor="@color/white"
+        app:cardCornerRadius="16dp"
+        android:id="@+id/toolbar"
+        android:layout_gravity="bottom"
+        android:layout_marginBottom="6dp"
+        android:layout_marginStart="10dp"
+        android:layout_marginEnd="10dp"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"/>
+
+</FrameLayout>
\ No newline at end of file