diff --git a/src/components/ThemeColor/index.js b/src/components/ThemeColor/index.js
index 283aff5..e2bb033 100644
--- a/src/components/ThemeColor/index.js
+++ b/src/components/ThemeColor/index.js
@@ -19,12 +19,12 @@ const ThemeColor = () => {
         Version:
         <span className="ml-1">1</span>
       </p>
-      <div className="w-full flex flex-row items-center justify-between mt-7">
+      <div className="w-full flex flex-row items-center justify-between mt-7 divide-x-2 divide-blue-900 divide-x-reverse">
         {/* right */}
-        <div className="bg-purple-400 w-1/2">fsd</div>
+        <div className="w-1/2 flex-grow flex-1 flex flex-col p-4">fsd</div>
         {/* left */}
-        <div className="w-1/2 flex flex-col items-center">
-          <div className="w-full flex flex-row items-center justify-between p-4">
+        <div className="w-1/2 flex-grow flex-1 flex flex-col p-4">
+          <div className="w-full flex flex-row items-center justify-between">
             <div className="flex flex-row items-center justify-between">
               <span className="text-xs ml-2">Dark</span> <SwitchDesign />
             </div>