diff --git a/src/components/molecules/BrowserNavBar.tsx b/src/components/molecules/BrowserNavBar.tsx
index cf00c8bd..48773278 100644
--- a/src/components/molecules/BrowserNavBar.tsx
+++ b/src/components/molecules/BrowserNavBar.tsx
@@ -77,7 +77,7 @@ const BrowserNavBar: FC<NavBarProps> = ({
   };
 
   return (
-    <StyledNavBar browserWidth={900}>
+    <StyledNavBar browserWidth={1150}>
       <NavBarButton
         type="button"
         onClick={() => {
diff --git a/src/components/molecules/InterpretationLog.tsx b/src/components/molecules/InterpretationLog.tsx
index 14099c8f..69c85fa9 100644
--- a/src/components/molecules/InterpretationLog.tsx
+++ b/src/components/molecules/InterpretationLog.tsx
@@ -112,7 +112,7 @@ export const InterpretationLog: React.FC<InterpretationLogProps> = ({ isOpen, se
         style={{
           color: 'white',
           position: 'fixed',
-          background: '#870468',
+          background: '#101828',
           border: 'none',
           padding: '30px 20px',
           width: '100%',
diff --git a/src/components/organisms/BrowserContent.tsx b/src/components/organisms/BrowserContent.tsx
index 143eca7c..889fb031 100644
--- a/src/components/organisms/BrowserContent.tsx
+++ b/src/components/organisms/BrowserContent.tsx
@@ -117,7 +117,7 @@ export const BrowserContent = () => {
   }, [])
 
   return (
-    <div style={{ background: 'red' }}>
+    <div style={{ background: '#101828' }}>
       <BrowserTabs
         tabs={tabs}
         handleTabChange={handleTabChange}