diff --git a/gtk-3.0/assets/pane-handle.png b/gtk-3.0/assets/pane-handle.png
new file mode 100644
index 0000000..9fb3b6a
Binary files /dev/null and b/gtk-3.0/assets/pane-handle.png differ
diff --git a/gtk-3.0/gtk.gresource.xml b/gtk-3.0/gtk.gresource.xml
index 7bba375..ea2a8e2 100644
--- a/gtk-3.0/gtk.gresource.xml
+++ b/gtk-3.0/gtk.gresource.xml
@@ -26,6 +26,7 @@
 		<file preprocess='to-pixdata'>assets/menuitem-radio-checked-hover.png</file>
 		<file preprocess='to-pixdata'>assets/menuitem-radio-checked-insensitive.png</file>
 		<file preprocess='to-pixdata'>assets/menuitem-radio-checked.png</file>
+		<file preprocess='to-pixdata'>assets/pane-handle.png</file>
 		<file preprocess='to-pixdata'>assets/radio-checked-dark.png</file>
 		<file preprocess='to-pixdata'>assets/radio-checked-insensitive-dark.png</file>
 		<file preprocess='to-pixdata'>assets/radio-checked-insensitive.png</file>
diff --git a/gtk-3.0/scss/apps/_mate-applications.scss b/gtk-3.0/scss/apps/_mate-applications.scss
new file mode 100644
index 0000000..b070204
--- /dev/null
+++ b/gtk-3.0/scss/apps/_mate-applications.scss
@@ -0,0 +1,81 @@
+@import "panel";
+
+/****************
+ ! MATE styles *
+*****************/
+
+@include exports("mate-applications") {
+    .mate-panel-menu-bar {
+        @extend %panel;
+
+        border: 0;
+        padding: 0;
+        text-shadow: none;
+    }
+
+    MatePanelApplet .label,
+    PanelMenuBar.menubar > .menuitem {
+        color: $panel_fg_color;
+    }
+
+    PanelSeparator, MatePanelAppletFrameDBus {
+        border-width: 0;
+        color: transparent;
+        background-image: -gtk-scaled(url("../assets/pane-handle.png"));
+        background-color: transparent;
+        background-repeat: no-repeat;
+        background-position: left;
+    }
+
+    MatePanelApplet .button,
+    MatePanelApplet .button.flat,
+    MatePanelApplet .button.toggle
+    MatePanelApplet .button.flat.toggle {
+        background-image: none;
+        background-color: transparent;
+        border-color: transparent;
+        border-style: solid;
+        border-radius: 0;
+        border-width: 1px;
+        color: $panel_fg_color;
+        text-shadow: none;
+        box-shadow: none;
+        padding: 2px;
+    }
+
+    MatePanelApplet .button:hover:active,
+    MatePanelApplet .button:checked,
+    MatePanelApplet .button:checked:hover,
+    MatePanelApplet .button.flat:hover:active,
+    MatePanelApplet .button.flat:checked,
+    MatePanelApplet .button.flat:checked:hover,
+    MatePanelApplet .button.toggle:hover:active,
+    MatePanelApplet .button.toggle:checked,
+    MatePanelApplet .button.toggle:checked:hover,
+    MatePanelApplet .button.flat.toggle:hover:active,
+    MatePanelApplet .button.flat.toggle:checked,
+    MatePanelApplet .button.flat.toggle:checked:hover {
+        background-image: none;
+        background-color: darker($panel_bg_color);
+        border-color: transparent;
+        border-radius: 0;
+        border-width: 1px;
+        color: lighter($panel_fg_color);
+        text-shadow: none;
+        padding: 2px;
+    }
+
+    MatePanelApplet .button:hover,
+    MatePanelApplet .button.flat:hover,
+    MatePanelApplet .button.toggle:hover,
+    MatePanelApplet .button.flat.toggle:hover {
+        background-image: none;
+        background-color: shade($panel_bg_color, 1.3);
+        border-color: transparent;
+        border-radius: 0;
+        border-width: 1px;
+        color: $selected_fg_color;
+        text-shadow: none;
+        padding: 2px;
+    }
+}
diff --git a/gtk-3.20/gtk.gresource.xml b/gtk-3.20/gtk.gresource.xml
index bd53b53..ed98bcc 100644
--- a/gtk-3.20/gtk.gresource.xml
+++ b/gtk-3.20/gtk.gresource.xml
@@ -26,6 +26,7 @@
 		<file preprocess='to-pixdata'>assets/menuitem-radio-checked-hover.png</file>
 		<file preprocess='to-pixdata'>assets/menuitem-radio-checked-insensitive.png</file>
 		<file preprocess='to-pixdata'>assets/menuitem-radio-checked.png</file>
+		<file preprocess='to-pixdata'>assets/pane-handle.png</file>
 		<file preprocess='to-pixdata'>assets/radio-checked-dark.png</file>
 		<file preprocess='to-pixdata'>assets/radio-checked-insensitive-dark.png</file>
 		<file preprocess='to-pixdata'>assets/radio-checked-insensitive.png</file>
diff --git a/gtk-3.20/scss/_widgets.scss b/gtk-3.20/scss/_widgets.scss
index e43327d..0a4b5a8 100755
--- a/gtk-3.20/scss/_widgets.scss
+++ b/gtk-3.20/scss/_widgets.scss
@@ -25,6 +25,7 @@
 @import "widgets/view";
 @import "widgets/window";
 
+@import "apps/mate-applications";
 @import "apps/cinnamon-applications";
 @import "apps/unity-greeter";
 @import "apps/gedit";
diff --git a/gtk-3.20/scss/apps/_mate-applications.scss b/gtk-3.20/scss/apps/_mate-applications.scss
new file mode 100644
index 0000000..3970858
--- /dev/null
+++ b/gtk-3.20/scss/apps/_mate-applications.scss
@@ -0,0 +1,85 @@
+@import "panel";
+
+/****************
+ ! MATE styles *
+*****************/
+
+@include exports("mate-applications") {
+    .mate-panel-menu-bar {
+        @extend %panel;
+
+        border: 0;
+        padding: 0;
+        text-shadow: none;
+    }
+
+    #PanelApplet label,
+    .mate-panel-menu-bar menubar > menuitem {
+        color: $panel_fg_color;
+    }
+
+    PanelSeparator, MatePanelAppletFrameDBus {
+        border-width: 0;
+        color: transparent;
+        background-image: -gtk-scaled(url("../assets/pane-handle.png"));
+        background-color: transparent;
+        background-repeat: no-repeat;
+        background-position: left;
+    }
+
+    #PanelApplet button,
+    #PanelApplet button.flat,
+    #PanelApplet button.toggle
+    #PanelApplet button.flat.toggle {
+        background-image: none;
+        background-color: transparent;
+        border-color: transparent;
+        border-style: solid;
+        border-radius: 0;
+        border-width: 1px;
+        color: $panel_fg_color;
+        text-shadow: none;
+        box-shadow: none;
+        padding: 2px;
+    }
+
+    #PanelApplet button:hover:active,
+    #PanelApplet button:checked,
+    #PanelApplet button:checked:hover,
+    #PanelApplet button.flat:hover:active,
+    #PanelApplet button.flat:checked,
+    #PanelApplet button.flat:checked:hover,
+    #PanelApplet button.toggle:hover:active,
+    #PanelApplet button.toggle:checked,
+    #PanelApplet button.toggle:checked:hover,
+    #PanelApplet button.flat.toggle:hover:active,
+    #PanelApplet button.flat.toggle:checked,
+    #PanelApplet button.flat.toggle:checked:hover {
+        background-image: none;
+        background-color: darker($panel_bg_color);
+        border-color: transparent;
+        border-radius: 0;
+        border-width: 1px;
+        color: lighter($panel_fg_color);
+        text-shadow: none;
+        padding: 2px;
+    }
+
+    #PanelApplet button:hover,
+    #PanelApplet button.flat:hover,
+    #PanelApplet button.toggle:hover,
+    #PanelApplet button.flat.toggle:hover {
+        background-image: none;
+        background-color: shade($panel_bg_color, 1.3);
+        border-color: transparent;
+        border-radius: 0;
+        border-width: 1px;
+        color: $selected_fg_color;
+        text-shadow: none;
+        padding: 2px;
+    }
+
+    .mate-panel-menu-bar menubar > menuitem {
+        padding: 3px 7px;
+    }
+}