diff --git a/code/frontend/src/components/BoxHeaderOnly.js b/code/frontend/src/components/BoxHeader.js
similarity index 80%
rename from code/frontend/src/components/BoxHeaderOnly.js
rename to code/frontend/src/components/BoxHeader.js
index a2d0398..965bf78 100644
--- a/code/frontend/src/components/BoxHeaderOnly.js
+++ b/code/frontend/src/components/BoxHeader.js
@@ -1,5 +1,5 @@
 import React from "react"
-import Style from "./BoxHeaderOnly.module.css"
+import Style from "./BoxHeader.module.css"
 import classNames from "classnames"
 
 
@@ -12,7 +12,7 @@ import classNames from "classnames"
  * @returns {JSX.Element}
  * @constructor
  */
-export default function BoxHeaderOnly({ children, className, ...props }) {
+export default function BoxHeader({ children, className, ...props }) {
     return (
         <div className={classNames(Style.BoxHeaderOnly, className)} {...props}>
             {children}
diff --git a/code/frontend/src/components/BoxHeaderOnly.module.css b/code/frontend/src/components/BoxHeader.module.css
similarity index 100%
rename from code/frontend/src/components/BoxHeaderOnly.module.css
rename to code/frontend/src/components/BoxHeader.module.css
diff --git a/code/frontend/src/routes/PageHome.js b/code/frontend/src/routes/PageHome.js
index 563d4b1..de02bf4 100644
--- a/code/frontend/src/routes/PageHome.js
+++ b/code/frontend/src/routes/PageHome.js
@@ -1,7 +1,7 @@
 import React from "react"
 import Style from "./PageHome.module.css"
 import classNames from "classnames"
-import BoxHeaderOnly from "../components/BoxHeaderOnly"
+import BoxHeader from "../components/BoxHeader"
 import BoxWithHeader from "../components/BoxWithHeader"
 import Checkbox from "../components/Checkbox"
 import InputWithIcon from "../components/InputWithIcon"
@@ -15,9 +15,9 @@ import Label from "../components/Label"
 export default function PageHome({ children, className, ...props }) {
     return (
         <div className={classNames(Style.PageHome, className)} {...props}>
-            <BoxHeaderOnly className={Style.Header}>
+            <BoxHeader className={Style.Header}>
                 Create a new repository
-            </BoxHeaderOnly>
+            </BoxHeader>
             <BoxWithHeader className={Style.SearchByZone} header={
                 <span><Checkbox/> Search by zone</span>
             }>
diff --git a/code/frontend/src/routes/PageSettings.js b/code/frontend/src/routes/PageSettings.js
index 6febea0..1ff3a1a 100644
--- a/code/frontend/src/routes/PageSettings.js
+++ b/code/frontend/src/routes/PageSettings.js
@@ -1,7 +1,7 @@
 import React from "react"
 import Style from "./PageSettings.module.css"
 import classNames from "classnames"
-import BoxHeaderOnly from "../components/BoxHeaderOnly"
+import BoxHeader from "../components/BoxHeader"
 import BoxWithHeader from "../components/BoxWithHeader"
 import Select from "../components/Select"
 import SelectTheme from "../components/SelectTheme"
@@ -10,12 +10,12 @@ import SelectTheme from "../components/SelectTheme"
 export default function PageSettings({ children, className, ...props }) {
     return (
         <div className={classNames(Style.PageSettings, className)} {...props}>
-            <BoxHeaderOnly>
+            <BoxHeader>
                 You are currently logged in as:
-            </BoxHeaderOnly>
-            <BoxHeaderOnly>
+            </BoxHeader>
+            <BoxHeader>
                 Switch theme: <SelectTheme/>
-            </BoxHeaderOnly>
+            </BoxHeader>
             <BoxWithHeader header={"Change your email address"}>
 
             </BoxWithHeader>