diff --git a/Bell/ui/src/layout/components/Sidebar/Logo.vue b/Bell/ui/src/layout/components/Sidebar/Logo.vue
index be73dcb..816247a 100644
--- a/Bell/ui/src/layout/components/Sidebar/Logo.vue
+++ b/Bell/ui/src/layout/components/Sidebar/Logo.vue
@@ -15,7 +15,7 @@
 
 <script>
 
-import variables from '@/styles/variables.scss'
+import variables from '@/styles/variables.scss?module'
 import { mapGetters } from 'vuex'
 
 export default {
diff --git a/Bell/ui/src/layout/components/Sidebar/index.vue b/Bell/ui/src/layout/components/Sidebar/index.vue
index d963596..0c58aac 100644
--- a/Bell/ui/src/layout/components/Sidebar/index.vue
+++ b/Bell/ui/src/layout/components/Sidebar/index.vue
@@ -29,7 +29,7 @@
 import { mapGetters } from 'vuex'
 import Logo from './Logo'
 import SidebarItem from './SidebarItem'
-import variables from '@/styles/variables.scss'
+import variables from '@/styles/variables.scss?module'
 
 export default {
   components: { SidebarItem, Logo },
diff --git a/Bell/ui/src/layout/index.vue b/Bell/ui/src/layout/index.vue
index 5844b73..f6ddce2 100644
--- a/Bell/ui/src/layout/index.vue
+++ b/Bell/ui/src/layout/index.vue
@@ -20,7 +20,7 @@ import RightPanel from '@/components/RightPanel'
 import { AppMain, Navbar, Settings, Sidebar, TagsView } from './components'
 import ResizeMixin from './mixin/ResizeHandler'
 import { mapState } from 'vuex'
-import variables from '@/styles/variables.scss'
+import variables from '@/styles/variables.scss?module'
 
 export default {
   name: 'MainLayout',
diff --git a/Bell/ui/src/store/modules/settings.js b/Bell/ui/src/store/modules/settings.js
index 7fee04f..6e7c1b8 100644
--- a/Bell/ui/src/store/modules/settings.js
+++ b/Bell/ui/src/store/modules/settings.js
@@ -1,4 +1,4 @@
-import variables from '@/styles/element-variables.scss'
+import variables from '@/styles/element-variables.scss?module'
 import defaultSettings from '@/settings'
 
 const { showSettings, topNav, tagsView, fixedHeader, sidebarLogo, themeStyle } = defaultSettings
diff --git a/Bell/ui/tests/unit/shell-startup/scss-module-imports.spec.js b/Bell/ui/tests/unit/shell-startup/scss-module-imports.spec.js
new file mode 100644
index 0000000..f032a11
--- /dev/null
+++ b/Bell/ui/tests/unit/shell-startup/scss-module-imports.spec.js
@@ -0,0 +1,16 @@
+const fs = require('fs')
+const path = require('path')
+
+const valueImports = [
+  ['src/store/modules/settings.js', "@/styles/element-variables.scss?module"],
+  ['src/layout/index.vue', "@/styles/variables.scss?module"],
+  ['src/layout/components/Sidebar/Logo.vue', "@/styles/variables.scss?module"],
+  ['src/layout/components/Sidebar/index.vue', "@/styles/variables.scss?module"]
+]
+
+describe('GoAdmin shell Sass value imports', () => {
+  it.each(valueImports)('%s explicitly requests CSS Modules exports', (file, request) => {
+    const source = fs.readFileSync(path.join(__dirname, '../../..', file), 'utf8')
+    expect(source).toContain(`from '${request}'`)
+  })
+})