diff --git a/client/src/components/ui/HorizontalBarChart.vue b/client/src/components/ui/VerticalBarChar.vue
similarity index 100%
rename from client/src/components/ui/HorizontalBarChart.vue
rename to client/src/components/ui/VerticalBarChar.vue
diff --git a/client/src/pages/StyleGuidePage.vue b/client/src/pages/StyleGuidePage.vue
index 2129d0d2..02c419f3 100644
--- a/client/src/pages/StyleGuidePage.vue
+++ b/client/src/pages/StyleGuidePage.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import IconLogout from "@/components/icons/IconLogout.vue";
 import IconSettings from "@/components/icons/IconSettings.vue";
-import HorizontalBarChart from "@/components/ui/HorizontalBarChart.vue";
+import VerticalBarChart from "@/components/ui/VerticalBarChar.vue";
 import ItCheckbox from "@/components/ui/ItCheckbox.vue";
 import ItCheckboxGroup from "@/components/ui/ItCheckboxGroup.vue";
 import ItDropdown from "@/components/ui/ItDropdown.vue";
@@ -481,11 +481,11 @@ function log(data: any) {
         title="Frage 9"
         text="Wie zufrieden bist du mit dem Kurs “Überbetriebliche Kurse” im Allgemeinen?"
       />
-      <HorizontalBarChart title="Frage X" text="Fragentext" :ratio="0.5" />
-      <HorizontalBarChart title="Frage X" text="Fragentext" :ratio="0.8" />
-      <HorizontalBarChart title="Frage X" text="Fragentext" :ratio="0.2" />
-      <HorizontalBarChart title="Frage X" text="Fragentext" :ratio="2" />
-      <HorizontalBarChart title="Frage X" text="Fragentext" :ratio="0" />
+      <VerticalBarChart title="Frage X" text="Fragentext" :ratio="0.5" />
+      <VerticalBarChart title="Frage X" text="Fragentext" :ratio="0.8" />
+      <VerticalBarChart title="Frage X" text="Fragentext" :ratio="0.2" />
+      <VerticalBarChart title="Frage X" text="Fragentext" :ratio="2" />
+      <VerticalBarChart title="Frage X" text="Fragentext" :ratio="0" />
     </div>
   </main>
 </template>