diff --git a/src/Globals.scss b/src/Globals.scss
index fe5e532..50c44ac 100644
--- a/src/Globals.scss
+++ b/src/Globals.scss
@@ -1,15 +1,15 @@
 @use 'tailwindcss' as *;
 @use '@fontsource/roboto' as *;
 
-$backgroundColor: #131313;
-
 body {
   font-family: 'Roboto', sans-serif;
-  background-color: $backgroundColor;
-  color: white;
-  user-select: none;
+  @apply bg-[#131313] text-white select-none;
 }
 
 img {
-  pointer-events: none;
+  @apply pointer-events-none;
+}
+
+.button {
+  @apply bg-[#0a6ec8] rounded-lg cursor-pointer text-[16px] p-1.5;
 }
\ No newline at end of file
diff --git a/src/routes/Installs.scss b/src/routes/Installs.scss
deleted file mode 100644
index e838892..0000000
--- a/src/routes/Installs.scss
+++ /dev/null
@@ -1 +0,0 @@
-@use 'tailwindcss' as *;
diff --git a/src/routes/Installs.tsx b/src/routes/Installs.tsx
index 8680ff8..9f17bda 100644
--- a/src/routes/Installs.tsx
+++ b/src/routes/Installs.tsx
@@ -1,9 +1,12 @@
-import './Installs.scss'
-
 export default function Installs () {
+  function downloadVersion() {
+
+  }
+
   return (
     <>
-      <p>Installs</p>
+      <p className='text-3xl ml-4 mt-4'>Installs</p>
+      <button className='button text-3xl mt-4 absolute right-4 top-4' onClick={downloadVersion}>Download new version</button>
     </>
   )
 }
diff --git a/src/routes/Settings.scss b/src/routes/Settings.scss
deleted file mode 100644
index e838892..0000000
--- a/src/routes/Settings.scss
+++ /dev/null
@@ -1 +0,0 @@
-@use 'tailwindcss' as *;
diff --git a/src/routes/Settings.tsx b/src/routes/Settings.tsx
index 72dc213..a5a2a3b 100644
--- a/src/routes/Settings.tsx
+++ b/src/routes/Settings.tsx
@@ -1,5 +1,3 @@
-import './Settings.scss'
-
 export default function Settings () {
   return (
     <>