diff --git a/assets/scss/_bootstrap_custom.scss b/assets/scss/_bootstrap_custom.scss
index 0b4bffa1..3b7bf522 100644
--- a/assets/scss/_bootstrap_custom.scss
+++ b/assets/scss/_bootstrap_custom.scss
@@ -17,5 +17,10 @@
   background-color: inherit;
 }
 
+.card-mindwendel {
+  @extend .card;
+  width: 394px;
+}
+
 // Required
 @import "bootstrap/scss/bootstrap";
diff --git a/lib/mindwendel_web/live/idea_live/index_component.html.heex b/lib/mindwendel_web/live/idea_live/index_component.html.heex
index 903d4065..bc1acb6f 100644
--- a/lib/mindwendel_web/live/idea_live/index_component.html.heex
+++ b/lib/mindwendel_web/live/idea_live/index_component.html.heex
@@ -7,9 +7,7 @@
   >
     <%= for idea <- @ideas do %>
       <div
-        class="card m-3 shadow-sm p-2 rounded IndexComponent__IdeaCard"
-        -
-        style="width: 394px;"
+        class="card-mindwendel m-3 shadow-sm p-2 rounded IndexComponent__IdeaCard"
         role={if has_move_permission(@brainstorming, @current_user), do: "button", else: ""}
         data-testid={idea.id}
         data-id={idea.id}
diff --git a/priv/gettext/de/LC_MESSAGES/default.po b/priv/gettext/de/LC_MESSAGES/default.po
index 5bfef7cb..dc9a93b5 100644
--- a/priv/gettext/de/LC_MESSAGES/default.po
+++ b/priv/gettext/de/LC_MESSAGES/default.po
@@ -36,7 +36,7 @@ msgstr "%{name} - Editieren"
 msgid "%{name} - New Idea"
 msgstr "%{name} - Neue Idee"
 
-#: lib/mindwendel_web/live/idea_live/index_component.html.heex:21
+#: lib/mindwendel_web/live/idea_live/index_component.html.heex:19
 #, elixir-autogen, elixir-format
 msgid "Are you sure you want to delete this idea?"
 msgstr "Möchtest du die Idee löschen?"
@@ -118,7 +118,7 @@ msgstr "Neue Idee"
 msgid "New idea page (Hotkey: i)"
 msgstr "Neue Idee (Hotkey: i)"
 
-#: lib/mindwendel_web/live/idea_live/index_component.html.heex:117
+#: lib/mindwendel_web/live/idea_live/index_component.html.heex:115
 #, elixir-autogen, elixir-format
 msgid "No ideas brainstormed"
 msgstr "Bisher keine Ideen vorhanden"
@@ -218,7 +218,7 @@ msgstr "Einige Pflichtfelder fehlen oder sind inkorrekt:"
 msgid "Username"
 msgstr "Nutzername"
 
-#: lib/mindwendel_web/live/idea_live/index_component.html.heex:65
+#: lib/mindwendel_web/live/idea_live/index_component.html.heex:63
 #: lib/mindwendel_web/templates/admin/brainstorming/export.html.heex:3
 #, elixir-autogen, elixir-format
 msgid "By"
@@ -346,7 +346,7 @@ msgstr "Download als SVG"
 msgid "Brainstorming delete are you sure"
 msgstr "Bist du sicher, dass das Brainstorming gelöscht werden soll?"
 
-#: lib/mindwendel_web/live/idea_live/index_component.html.heex:24
+#: lib/mindwendel_web/live/idea_live/index_component.html.heex:22
 #, elixir-autogen, elixir-format
 msgid "Edit Idea"
 msgstr "Idee bearbeiten"
diff --git a/priv/gettext/default.pot b/priv/gettext/default.pot
index 70bc02f9..32229041 100644
--- a/priv/gettext/default.pot
+++ b/priv/gettext/default.pot
@@ -35,7 +35,7 @@ msgstr ""
 msgid "%{name} - New Idea"
 msgstr ""
 
-#: lib/mindwendel_web/live/idea_live/index_component.html.heex:21
+#: lib/mindwendel_web/live/idea_live/index_component.html.heex:19
 #, elixir-autogen, elixir-format
 msgid "Are you sure you want to delete this idea?"
 msgstr ""
@@ -117,7 +117,7 @@ msgstr ""
 msgid "New idea page (Hotkey: i)"
 msgstr ""
 
-#: lib/mindwendel_web/live/idea_live/index_component.html.heex:117
+#: lib/mindwendel_web/live/idea_live/index_component.html.heex:115
 #, elixir-autogen, elixir-format
 msgid "No ideas brainstormed"
 msgstr ""
@@ -217,7 +217,7 @@ msgstr ""
 msgid "Username"
 msgstr ""
 
-#: lib/mindwendel_web/live/idea_live/index_component.html.heex:65
+#: lib/mindwendel_web/live/idea_live/index_component.html.heex:63
 #: lib/mindwendel_web/templates/admin/brainstorming/export.html.heex:3
 #, elixir-autogen, elixir-format
 msgid "By"
@@ -345,7 +345,7 @@ msgstr ""
 msgid "Brainstorming delete are you sure"
 msgstr ""
 
-#: lib/mindwendel_web/live/idea_live/index_component.html.heex:24
+#: lib/mindwendel_web/live/idea_live/index_component.html.heex:22
 #, elixir-autogen, elixir-format
 msgid "Edit Idea"
 msgstr ""
diff --git a/priv/gettext/en/LC_MESSAGES/default.po b/priv/gettext/en/LC_MESSAGES/default.po
index cb30c6dc..a105d629 100644
--- a/priv/gettext/en/LC_MESSAGES/default.po
+++ b/priv/gettext/en/LC_MESSAGES/default.po
@@ -36,7 +36,7 @@ msgstr ""
 msgid "%{name} - New Idea"
 msgstr ""
 
-#: lib/mindwendel_web/live/idea_live/index_component.html.heex:21
+#: lib/mindwendel_web/live/idea_live/index_component.html.heex:19
 #, elixir-autogen, elixir-format
 msgid "Are you sure you want to delete this idea?"
 msgstr ""
@@ -118,7 +118,7 @@ msgstr ""
 msgid "New idea page (Hotkey: i)"
 msgstr ""
 
-#: lib/mindwendel_web/live/idea_live/index_component.html.heex:117
+#: lib/mindwendel_web/live/idea_live/index_component.html.heex:115
 #, elixir-autogen, elixir-format
 msgid "No ideas brainstormed"
 msgstr ""
@@ -218,7 +218,7 @@ msgstr ""
 msgid "Username"
 msgstr ""
 
-#: lib/mindwendel_web/live/idea_live/index_component.html.heex:65
+#: lib/mindwendel_web/live/idea_live/index_component.html.heex:63
 #: lib/mindwendel_web/templates/admin/brainstorming/export.html.heex:3
 #, elixir-autogen, elixir-format
 msgid "By"
@@ -346,7 +346,7 @@ msgstr "Download as svg"
 msgid "Brainstorming delete are you sure"
 msgstr "Are you sure that you want to delete this brainstorming?"
 
-#: lib/mindwendel_web/live/idea_live/index_component.html.heex:24
+#: lib/mindwendel_web/live/idea_live/index_component.html.heex:22
 #, elixir-autogen, elixir-format
 msgid "Edit Idea"
 msgstr ""