diff --git a/packages/svelte-materialify/src/components/MaterialApp/MaterialApp.scss b/packages/svelte-materialify/src/components/MaterialApp/MaterialApp.scss
new file mode 100644
index 00000000..64cf575c
--- /dev/null
+++ b/packages/svelte-materialify/src/components/MaterialApp/MaterialApp.scss
@@ -0,0 +1,36 @@
+@import '../../styles/global';
+
+:root {
+  overflow: hidden;
+}
+
+body {
+  float: left;
+  width: 100%;
+  background: var(--theme-surface);
+}
+
+.s-app {
+  height: 100%;
+  overflow: auto;
+}
+
+*::-webkit-scrollbar {
+  width: 12px;
+  background: var(--theme-surface);
+}
+
+*::-webkit-scrollbar-track {
+  box-shadow: inset 0 0 6px var(--theme-buttons-disabled);
+  background: var(--theme-surface);
+}
+
+*::-webkit-scrollbar-thumb {
+  box-shadow: inset 0 0 6px var(--theme-icons-inactive);
+  background: var(--theme-text-secondary);
+  border-radius: 9px;
+}
+
+*::-webkit-scrollbar-thumb:hover {
+  background: var(--theme-text-primary);
+}
diff --git a/packages/svelte-materialify/src/components/MaterialApp/MaterialApp.svelte b/packages/svelte-materialify/src/components/MaterialApp/MaterialApp.svelte
index cd0a0f7b..3007a910 100644
--- a/packages/svelte-materialify/src/components/MaterialApp/MaterialApp.svelte
+++ b/packages/svelte-materialify/src/components/MaterialApp/MaterialApp.svelte
@@ -2,8 +2,7 @@
   export let theme = 'light';
 </script>
 
-<style type="scss" global>
-  @import '../../styles/global';
+<style lang="scss" src="./MaterialApp.scss" global>
 </style>
 
 <div class="s-app theme--{theme}">