diff --git a/frontend/styles/view/main/help-dialog.css b/frontend/styles/view/main/help-dialog.css
index f63414a..c1008c5 100644
--- a/frontend/styles/view/main/help-dialog.css
+++ b/frontend/styles/view/main/help-dialog.css
@@ -2,6 +2,7 @@
 	width: 1000px !important;
 	padding-left: 0;
 	padding-right: 0;
+	height: 500px;
 }
 
 #headingLayout {
@@ -17,6 +18,10 @@
 	right: 0;
 }
 
+#accordion {
+	width: 100%;
+}
+
 .help-field {
 	justify-content: center;
 	align-items: center;
diff --git a/src/main/java/edu/kit/typicalc/view/main/HelpDialog.java b/src/main/java/edu/kit/typicalc/view/main/HelpDialog.java
index f775ee1..ce8569e 100644
--- a/src/main/java/edu/kit/typicalc/view/main/HelpDialog.java
+++ b/src/main/java/edu/kit/typicalc/view/main/HelpDialog.java
@@ -31,6 +31,7 @@ public class HelpDialog extends Dialog implements LocaleChangeObserver {
     private static final String HEADING_LAYOUT_ID = "headingLayout";
     private static final String CONTENT_LAYOUT_ID = "contentLayout";
     private static final String LANGUAGE_SELECT_ID = "languageSelect";
+    private static final String ACCORDION_ID = "accordion";
 
     private final H3 heading;
     private final Select<Locale> languageSelect;
@@ -53,6 +54,7 @@ public class HelpDialog extends Dialog implements LocaleChangeObserver {
 
         VerticalLayout contentLayout = new VerticalLayout();
         Accordion content = createHelpContent();
+        content.setId(ACCORDION_ID);
         contentLayout.add(content);
         contentLayout.setId(CONTENT_LAYOUT_ID);
         add(headingLayout, contentLayout);