diff --git a/package-lock.json b/package-lock.json
index 1bfe13b..a73ae71 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -28,6 +28,7 @@
         "react-chartjs-2": "^4.3.1",
         "react-dom": "^18.2.0",
         "react-hook-form": "^7.43.4",
+        "react-icons": "^4.11.0",
         "react-onesignal": "^2.0.4",
         "react-router-dom": "^5.3.4",
         "react-scripts": "5.0.1",
@@ -15354,6 +15355,14 @@
         "react": "^16.8.0 || ^17 || ^18"
       }
     },
+    "node_modules/react-icons": {
+      "version": "4.11.0",
+      "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.11.0.tgz",
+      "integrity": "sha512-V+4khzYcE5EBk/BvcuYRq6V/osf11ODUM2J8hg2FDSswRrGvqiYUYPRy4OdrWaQOBj4NcpJfmHZLNaD+VH0TyA==",
+      "peerDependencies": {
+        "react": "*"
+      }
+    },
     "node_modules/react-is": {
       "version": "18.2.0",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
@@ -30279,6 +30288,12 @@
       "integrity": "sha512-JZp05wvmuV8qr3NNDWwyhiQL05sh9E8x/2NoWtkdiyyiezmwOr5pKexlvbCEfBMa7ZYrvzk88G/uhLl47T9b7Q==",
       "requires": {}
     },
+    "react-icons": {
+      "version": "4.11.0",
+      "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.11.0.tgz",
+      "integrity": "sha512-V+4khzYcE5EBk/BvcuYRq6V/osf11ODUM2J8hg2FDSswRrGvqiYUYPRy4OdrWaQOBj4NcpJfmHZLNaD+VH0TyA==",
+      "requires": {}
+    },
     "react-is": {
       "version": "18.2.0",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
diff --git a/package.json b/package.json
index 2b37fac..0080065 100644
--- a/package.json
+++ b/package.json
@@ -22,6 +22,7 @@
     "react-chartjs-2": "^4.3.1",
     "react-dom": "^18.2.0",
     "react-hook-form": "^7.43.4",
+    "react-icons": "^4.11.0",
     "react-onesignal": "^2.0.4",
     "react-router-dom": "^5.3.4",
     "react-scripts": "5.0.1",
diff --git a/src/pages/SettingsPage/CurrentSettings.tsx b/src/pages/SettingsPage/CurrentSettings.tsx
index 8bd40ad..dfdcb2f 100644
--- a/src/pages/SettingsPage/CurrentSettings.tsx
+++ b/src/pages/SettingsPage/CurrentSettings.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import { useLocalStorage } from 'react-use';
 import { JsonViewer } from '@textea/json-viewer';
+import { MdFileDownload } from 'react-icons/md';
 import { DEFAULT_SETTINGS } from '../../consts/DefaultSettings';
 
 export const CurrentSettings: React.FC = () => {
@@ -22,19 +23,22 @@ export const CurrentSettings: React.FC = () => {
 
   return (
     <div className="w-full max-w-full overflow-hidden">
-      <h3 className="mb-2 font-bold">
-        Current Settings
-        {settings ? (
+      <div className="flex items-center mb-4">
+        <h3 className="font-bold">Current Settings</h3>
+
+        {settings && (
           <button
-            className="ml-2 bg-blue-500 hover:bg-blue-700 text-white font-bold py-1 px-2 rounded"
+            className="flex items-center ml-4 bg-blue-500 hover:bg-blue-700 text-white font-bold py-1 px-2 rounded"
             onClick={async () => {
+              // we don't need to await this, right?
               await downloadJSON();
             }}
           >
-            Download
+            <MdFileDownload className="mr-1" />
+            <span>Download</span>
           </button>
-        ) : null}
-      </h3>
+        )}
+      </div>
 
       {settings ? <JsonViewer value={JSON.parse(settings)} /> : null}
     </div>
diff --git a/src/pages/SettingsPage/SettingJsonUri.tsx b/src/pages/SettingsPage/SettingJsonUri.tsx
index adc5889..fd6e888 100644
--- a/src/pages/SettingsPage/SettingJsonUri.tsx
+++ b/src/pages/SettingsPage/SettingJsonUri.tsx
@@ -2,6 +2,7 @@ import React from 'react';
 import { useForm } from 'react-hook-form';
 import { useLocalStorage } from 'react-use';
 import { toast, ToastPosition } from 'react-toastify';
+import { MdUploadFile } from 'react-icons/md';
 import { DEFAULT_SETTINGS } from '../../consts/DefaultSettings';
 import { config } from '../../config';
 
@@ -120,10 +121,11 @@ export const SettingsJsonUri: React.FC<Props> = ({ onUpdate }) => {
           />
 
           <button
-            className="ml-2 bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded"
+            className="flex items-center ml-2 bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded"
             type="submit"
           >
-            {uri ? 'Update' : 'Save'}
+            <MdUploadFile className="mr-1" />
+            <span className="block">{uri ? 'Update' : 'Save'}</span>
           </button>
         </div>
       </form>
diff --git a/src/pages/SingleTokenPage/SingleTokenPage.tsx b/src/pages/SingleTokenPage/SingleTokenPage.tsx
index 45527fd..dd730f7 100644
--- a/src/pages/SingleTokenPage/SingleTokenPage.tsx
+++ b/src/pages/SingleTokenPage/SingleTokenPage.tsx
@@ -57,7 +57,7 @@ export const SingleTokenPage = () => {
       {/* Display the results and graph */}
       <div
         data-testid="data-container"
-        className="min-w-0 flex-1 p-2 bg-sky-100 border-solid border-1 border-sky-200"
+        className="min-w-0 flex-1 p-2 bg-sky-100 border-solid border-1 border-sky-200 rounded-lg"
       >
         <TokenContent status={fetchStatus} {...getDisplayData(data)} />
       </div>
diff --git a/tailwind.config.js b/tailwind.config.js
index 061dd0c..f9ae6ca 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -9,7 +9,7 @@ module.exports = {
         18: '72px',
       },
       gridTemplateColumns: {
-        'settings-upload': '1fr 80px',
+        'settings-upload': '1fr 100px',
       },
       fontFamily: {
         sans: ['Roboto', ...defaultTheme.fontFamily.sans],