diff --git a/components/Loading/index.tsx b/components/Loading/index.tsx
index ef08e829..633a4875 100644
--- a/components/Loading/index.tsx
+++ b/components/Loading/index.tsx
@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react'
+import React from 'react'
 import { DotLoader } from 'react-spinners'
 import style from './loading.module.css'
 
@@ -8,21 +8,10 @@ interface LoadingProps {
 }
 
 export default function Loading ({ size = 60, color }: LoadingProps): React.ReactElement {
-  const [accentColor, setAccentColor] = useState(color ?? '#0ac18e')
-
-  useEffect(() => {
-    if (color === undefined) {
-      const computedColor = getComputedStyle(document.documentElement).getPropertyValue('--accent-color').trim()
-      if (computedColor !== '') {
-        setAccentColor(computedColor)
-      }
-    }
-  }, [color])
-
   return (
     <div className={style.loading_container}>
       <DotLoader
-        color={accentColor}
+        color={color ?? 'var(--accent-color)'}
         size={size}
         speedMultiplier={2}
       />