diff --git a/package.json b/package.json
index 2dfa7a9..a29ce9b 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
 	"name": "vue-ecosphere",
 	"private": false,
-	"version": "0.0.17",
+	"version": "0.0.18",
 	"license": "MIT",
 	"title": "Vue Ecosphere Design System",
 	"description": "A modern and minimal design system built for better clarity and insights from data",
diff --git a/src/App.vue b/src/App.vue
index b23fdd7..c612755 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -165,6 +165,11 @@ body {
 
 	&--grid {
 		@include create-grid(2, column, $spacer-0-25);
+
+		@include respond-below(sm) {
+			grid-auto-flow: row;
+			grid-template-columns: 1fr;
+		}
 	}
 }
 </style>
diff --git a/src/assets/scss/_colors.scss b/src/assets/scss/_colors.scss
index 01a4f9d..6c09d48 100644
--- a/src/assets/scss/_colors.scss
+++ b/src/assets/scss/_colors.scss
@@ -1,6 +1,8 @@
 /* Elementary */
-$color-dark: #1d242b;
-$color-dark-faded: #303841;
+// $color-dark: #1d242b;
+// $color-dark-faded: #303841;
+$color-dark: #191919;
+$color-dark-faded: #232323;
 $color-light: #fdfdfd;
 $color-light-faded: #f5f5f5;
 
diff --git a/src/plugin/utils/defaults/palette.ts b/src/plugin/utils/defaults/palette.ts
index 3e540da..77b4caa 100644
--- a/src/plugin/utils/defaults/palette.ts
+++ b/src/plugin/utils/defaults/palette.ts
@@ -3,16 +3,16 @@ import { color_palette } from "../types.interface";
 export const defaultLightPalette: color_palette = {
 	"--color-background": "#fdfdfd",
 	"--color-background-faded": "#f5f5f5",
-	"--color-contrast": "#1d242b",
-	"--color-contrast-faded": "#303841",
+	"--color-contrast": "#191919",
+	"--color-contrast-faded": "#232323",
 	"--color-hue": "#5ba5ef",
 	"--color-hue-faded": "#8dc6ff",
 	"--color-hue-contrast": "#fdfdfd",
 };
 
 export const defaultDarkPalette: color_palette = {
-	"--color-background": "#1d242b",
-	"--color-background-faded": "#303841",
+	"--color-background": "#191919",
+	"--color-background-faded": "#232323",
 	"--color-contrast": "#fdfdfd",
 	"--color-contrast-faded": "#f5f5f5",
 };
diff --git a/src/views/components/input/Dropdown.vue b/src/views/components/input/Dropdown.vue
index fb0f13b..0472a2d 100644
--- a/src/views/components/input/Dropdown.vue
+++ b/src/views/components/input/Dropdown.vue
@@ -22,11 +22,10 @@
 			@change="theme = $event"
 		)
 		v-eco-dropdown(
-			label="What's your favourite city?",
-			:options="[ { label: 'Chongqing', value: 'chongqing' }, { label: 'Oslo', value: 'oslo' }, ]",
-			placeholder="Select an option",
-			:config="{ flow: 'right', contain: true, outline: true, theme: 'invert' }",
-			@change="theme = $event"
+			label=":ri-building-2-line: What's your favourite city?",
+			:options="[ { label: 'Bangalore', value: 'bangalore' }, { label: 'Beijing', value: 'beijing' }, { label: 'Chongqing', value: 'chongqing' }, { label: 'Harbin', value: 'harbin' }, { label: 'Helsinki', value: 'helsinki' }, { label: 'Oslo', value: 'oslo' }, ]",
+			placeholder=":ri-heart-line: Select an option",
+			:config="{ flow: 'right', contain: true, outline: true, theme: 'invert' }"
 		)
 
 	vue3-markdown-it.markdown(:source="content")