diff --git a/src/assets/images/icons/tickets.png b/src/assets/images/icons/tickets.png
new file mode 100644
index 00000000..81f48834
Binary files /dev/null and b/src/assets/images/icons/tickets.png differ
diff --git a/src/assets/images/icons/user.png b/src/assets/images/icons/user.png
new file mode 100644
index 00000000..c4155a2c
Binary files /dev/null and b/src/assets/images/icons/user.png differ
diff --git a/src/assets/styles/icons.scss b/src/assets/styles/icons.scss
index 2ab192a7..11d20360 100644
--- a/src/assets/styles/icons.scss
+++ b/src/assets/styles/icons.scss
@@ -580,6 +580,17 @@
         height: 45px;
     }
 
+    &.icon-tickets {
+        background-image: url('../images/icons/tickets.png');
+        width: 17px;
+        height: 17px;
+    }
+    &.icon-user {
+        background-image: url('../images/icons/user.png');
+        width: 18px;
+        height: 19px;
+    }
+
     &.spin {
         animation: rotating 1s linear infinite;
     }
diff --git a/src/components/mod-tools/ModToolsView.tsx b/src/components/mod-tools/ModToolsView.tsx
index 36ffea99..f88f4ed1 100644
--- a/src/components/mod-tools/ModToolsView.tsx
+++ b/src/components/mod-tools/ModToolsView.tsx
@@ -1,8 +1,7 @@
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { RoomEngineObjectEvent, RoomObjectCategory } from '@nitrots/nitro-renderer';
 import { FC, useCallback, useReducer, useState } from 'react';
 import { GetRoomSession } from '../../api';
-import { Button, DraggableWindowPosition, NitroCardContentView, NitroCardHeaderView, NitroCardView } from '../../common';
+import { Base, Button, DraggableWindowPosition, NitroCardContentView, NitroCardHeaderView, NitroCardView } from '../../common';
 import { ModToolsEvent, ModToolsOpenRoomChatlogEvent, ModToolsOpenRoomInfoEvent, ModToolsOpenUserInfoEvent } from '../../events';
 import { DispatchUiEvent, UseRoomEngineEvent, UseUiEvent } from '../../hooks';
 import { ISelectedUser } from './common/ISelectedUser';
@@ -188,17 +187,17 @@ export const ModToolsView: FC<{}> = props =>
                 <NitroCardView uniqueKey="mod-tools" className="nitro-mod-tools" windowPosition={ DraggableWindowPosition.TOP_LEFT } theme="primary-slim" >
                     <NitroCardHeaderView headerText={ 'Mod Tools' } onCloseClick={ event => setIsVisible(false) } />
                     <NitroCardContentView className="text-black" gap={ 1 }>
-                        <Button gap={ 1 } onClick={ event => handleClick('toggle_room') } disabled={ !currentRoomId }>
-                            <FontAwesomeIcon icon="home" /> Room Tool
+                        <Button gap={ 1 } onClick={ event => handleClick('toggle_room') } disabled={ !currentRoomId } className="position-relative">
+                            <Base className="icon icon-small-room position-absolute start-1"/> Room Tool
                         </Button>
-                        <Button gap={ 1 } onClick={ event => handleClick('toggle_room_chatlog') } disabled={ !currentRoomId }>
-                            <FontAwesomeIcon icon="comments" /> Chatlog Tool
+                        <Button gap={ 1 } onClick={ event => handleClick('toggle_room_chatlog') } disabled={ !currentRoomId } className="position-relative">
+                        <Base className="icon icon-chat-history position-absolute start-1"/> Chatlog Tool
                         </Button>
-                        <Button gap={ 1 } onClick={ () => handleClick('toggle_user_info') } disabled={ !selectedUser }>
-                            <FontAwesomeIcon icon="user" /> User: { selectedUser ? selectedUser.username : '' }
+                        <Button gap={ 1 } onClick={ () => handleClick('toggle_user_info') } disabled={ !selectedUser } className="position-relative">
+                        <Base className="icon icon-user position-absolute start-1"/> User: { selectedUser ? selectedUser.username : '' }
                         </Button>
-                        <Button gap={ 1 } onClick={ () => setIsTicketsVisible(value => !value) }>
-                            <FontAwesomeIcon icon="exclamation-circle" /> Report Tool
+                        <Button gap={ 1 } onClick={ () => setIsTicketsVisible(value => !value) } className="position-relative">
+                        <Base className="icon icon-tickets position-absolute start-1"/> Report Tool
                         </Button>
                     </NitroCardContentView>
                 </NitroCardView> }