diff --git a/index.html b/index.html
index ecd94010386747a15002391ffc0779940a906581..338a86b5622e2d9e8ef75e616e179068b6f5d84d 100644
--- a/index.html
+++ b/index.html
@@ -4,6 +4,8 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="stylesheet" href="src/node_modules/animate.css/animate.css">
   <link rel="stylesheet" href="src/node_modules/bootstrap/dist/css/bootstrap.css" integrity="" crossorigin="anonymous">
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css"
+  integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" crossorigin="anonymous">
   <link href="https://fonts.googleapis.com/css2?family=Fondamento&display=swap" rel="stylesheet"> 
   <link href="https://fonts.googleapis.com/css2?family=Alegreya:wght@400;500&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="res/Stylesheet.css">
diff --git a/out/main.js b/out/main.js
index 18510af2122054931eaa5c3ce974e4788aac4b1a..63fbdfd6388e55681d2b3faafe2ed687409e96b0 100644
--- a/out/main.js
+++ b/out/main.js
@@ -9446,6 +9446,7 @@ var $rundis$elm_bootstrap$Bootstrap$Internal$Button$Roled = function (a) {
 };
 var $rundis$elm_bootstrap$Bootstrap$Button$danger = $rundis$elm_bootstrap$Bootstrap$Internal$Button$Coloring(
 	$rundis$elm_bootstrap$Bootstrap$Internal$Button$Roled($rundis$elm_bootstrap$Bootstrap$Internal$Button$Danger));
+var $elm$html$Html$i = _VirtualDom_node('i');
 var $rundis$elm_bootstrap$Bootstrap$Table$Td = function (a) {
 	return {$: 'Td', a: a};
 };
@@ -9552,21 +9553,15 @@ var $author$project$FightingTool$displayCharacters = function (chars) {
 								_List_fromArray(
 									[
 										A2(
-										$rundis$elm_bootstrap$Bootstrap$Button$button,
+										$elm$html$Html$i,
 										_List_fromArray(
 											[
-												$rundis$elm_bootstrap$Bootstrap$Button$danger,
-												$rundis$elm_bootstrap$Bootstrap$Button$attrs(
-												_List_fromArray(
-													[
-														$elm$html$Html$Events$onClick(
-														$author$project$Model$RemoveEnemy(i))
-													]))
+												$elm$html$Html$Attributes$class('fas fa-trash-alt'),
+												$elm$html$Html$Events$onClick(
+												$author$project$Model$RemoveEnemy(i)),
+												A2($elm$html$Html$Attributes$style, 'margin-top', '10%')
 											]),
-										_List_fromArray(
-											[
-												$elm$html$Html$text('Löschen')
-											]))
+										_List_Nil)
 									]))
 							]));
 				} else {
@@ -11115,9 +11110,6 @@ var $rundis$elm_bootstrap$Bootstrap$Dropdown$header = function (children) {
 				]),
 			children));
 };
-var $rundis$elm_bootstrap$Bootstrap$Internal$Button$Primary = {$: 'Primary'};
-var $rundis$elm_bootstrap$Bootstrap$Button$primary = $rundis$elm_bootstrap$Bootstrap$Internal$Button$Coloring(
-	$rundis$elm_bootstrap$Bootstrap$Internal$Button$Roled($rundis$elm_bootstrap$Bootstrap$Internal$Button$Primary));
 var $rundis$elm_bootstrap$Bootstrap$Dropdown$DropdownToggle = function (a) {
 	return {$: 'DropdownToggle', a: a};
 };
@@ -11482,7 +11474,13 @@ var $author$project$FightingTool$dropdownMenu = function (model) {
 					toggleButton: A2(
 						$rundis$elm_bootstrap$Bootstrap$Dropdown$toggle,
 						_List_fromArray(
-							[$rundis$elm_bootstrap$Bootstrap$Button$primary]),
+							[
+								$rundis$elm_bootstrap$Bootstrap$Button$attrs(
+								_List_fromArray(
+									[
+										$elm$html$Html$Attributes$class('metalButton')
+									]))
+							]),
 						_List_fromArray(
 							[
 								$elm$html$Html$text('Monster')
diff --git a/res/Stylesheet.css b/res/Stylesheet.css
index 3f3095202dad2c563f8c17f7f9113b8cf4de464e..01748cc221b8173800df9ed7a8e4af6d6c51930e 100644
--- a/res/Stylesheet.css
+++ b/res/Stylesheet.css
@@ -54,9 +54,14 @@ html {
     background-color: #e4be9b
 }
 
+.fas:hover {
+    font-weight: 900;
+    color: #acacac;
+}
+
 .btn:focus, .btn.focus {
-    outline: 0;
-    box-shadow: 0 0 0 0.2rem #d9a473;
+    border: 0;
+    box-shadow: 0 0 0 0.1rem #acacac;
 }
 
 .nav-tabs .nav-link.active,
@@ -66,9 +71,13 @@ html {
   color: black;
 }
 
+.btn-link:hover {
+    color: black;
+}
+
 .btn-link {
     font-weight: 400;
-    color: #495057;;
+    color: #495057;
     text-decoration: none;
 }
 
diff --git a/src/FightingTool.elm b/src/FightingTool.elm
index 81ee5822ed43060ebb9c8c45fb37fa2175c13d58..5da80b42878c45fa99e2b76c920dfb58675cf652 100644
--- a/src/FightingTool.elm
+++ b/src/FightingTool.elm
@@ -211,10 +211,11 @@ displayCharacters chars =
                                 [ text "Angriff"]
                             ]
                         , Table.td[]
-                            [ Button.button
-                                [ Button.danger
-                                , Button.attrs [onClick <| RemoveEnemy i ] ]
-                                [ text "Löschen"]
+                            [ Html.i 
+                                [class "fas fa-trash-alt"
+                                , onClick <| RemoveEnemy i 
+                                , style "margin-top" "10%"
+                                ] []
                             ]
                         ]
                     Hero _ _ ->
@@ -290,7 +291,7 @@ dropdownMenu model =
             { options = [ Dropdown.dropRight ]
             , toggleMsg = MyDrop1Msg
             , toggleButton =
-                Dropdown.toggle [ Button.primary ] [ text "Monster" ]
+                Dropdown.toggle [Button.attrs [class "metalButton"]] [ text "Monster" ]
             , items =
                 -- give a name to the LoadEnemy method and it will pull up the corresponding JSON
                 [ Dropdown.header [ text "Kulturschaffender"]